Html 抓取你想在firebug中设计的CSS的最佳方法？

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

我基本上进入了firebug并复制了我想要样式化的项目的CSS路径。。但是CSS非常长。。我不确定这是不是在这里做事的正确方式

这里有一张图片来说明我的意思

我只是不知道CSS应该有多长。我应该复制firebug CSS的最后一部分吗

---

Firebug将走很长的路到达您需要的元素。您的代码中包含以下内容：

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

---

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

---

如果我们直接转到您的选择器，非常清楚的事实是，x-path中的选择器肯定可以剪切到其长度的三分之一，就在

div#块菜单之前…

片段。当用自己的

id

选择目标时，不需要写下父母的

id

。但同样，这种优化需要您掌握一些CSS知识。

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

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

---

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

那么我从哪里复制CSS呢？我已经找到了我想要样式化的元素，如上图所示。。我所做的是右键单击黑色粗体的li。首先，单击复制CSS路径，然后我得到了输出，我们不知道源代码是什么样的，无法告诉您必须使用CSScheck将其定位我发布的图像这不是HTML/CSS的工作方式谢谢您的帖子。是的，我有很好的CSS知识。。我就是不善于把事情说出来。我可以在CSS中做任何事情，除了这个基本上。。我总是发现自己在谷歌上，或者不得不尝试多种方法，直到最终找到需要选择的元素。。在本例中，它是由其他人通过drupalIn Drupal编写的，我发现您可以更简单地确定目标，但只需使用页面的body类，然后使用特定的类或元素，甚至ID，如果在其他页面上，相同的元素由于布局而样式不同。在firebug中，只需单击body标签，查看您拥有的所有类。。所以你可以有，比如body.section-contact p{whatever}，这只适用于Pargraphs，它是带有.section-contact类的body的后代。例如，CSS是一把双面剑。它为命名元素提供了很大的自由度，但是如果一个元素与命名方案不一致，就几乎没有办法自动写下CSS选择器。嘿，是的，它是由drupal编写的，所以有点超出我的控制。。但是谢谢你的来信谢谢。是的，那奏效了。。我想我需要做些练习，把事情说出来。如果我应该在元素后面加一个空格，再加一个，我总是感到困惑。前李等。。。有些东西有空间，有些东西没有，等等。。只是不是我以前在css中使用过的东西例如。。。我想在菜单课上叫“第一片叶子”。。。我该怎么做？我尝试了.menu li.first leaf{但它不起作用…最好的方法是更改“first_leaf”、“firstLeaf”或任何你想叫它的名称，但没有空格，因为它创建了另一个CSS选择器。因此，代码中的每个“

”都有两个CSS选择器：“first”（或“last”）和“leaf”。

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