抓住你想在firebug中设计风格的CSS的最好方法是什么？

Question

我使用drupal来做主题，但我认为这适用于任何使用html的css / html。

我基本上会进入firebug并复制我想要样式化的项目的CSS PATH ..但CSS很长......我不确定这是否是正确的方法。

这是一张显示我的意思的图片..

我只是不确定CSS应该有多长。我应该复制萤火虫CSS的最后一部分吗？

http://i.imgur.com/qoLYBZG.png

Answer 1

我担心编写CSS选择器通常是一项手动任务，需要基本CSS知识，而且这是HTML / CSS开发人员工作中最耗时的部分之一。

如果我们直接进入您的选择器，非常清楚的事实是x-path中的选择器可以明确地切割到其长度的三分之一，就在div#block-menu...片段之前。选择具有自己的id的目标时，没有必要写下父母的id。但同样，这种优化需要一些CSS知识。

Answer 2

从您的示例中，我可能只使用以下的CSS选择器：

#block-menu-menu-user-menu li {
    float: left;
}

我不知道ID是由您还是drupal创建的，但如果ID和类名更短，它会使编写CSS选择器更容易。

Answer 3

Firebug将采用您需要的元素的长路径。你的代码中有这个：

<ul class="menu">
    <li class="first leaf">...</li>
    <li class="last leaf">...</li>
</ul>

这可能会解决您的问题：

.menu li {
    float: left;
}