html - 获取您想要在 firebug 中设置样式的 CSS 的最佳方法？

Question

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

我基本上进入了萤火虫并复制了我想要风格化的项目的 CSS PATH.. 但是 CSS 非常长.. 我不确定这是否是正确的处理方式。

这是一张图片来说明我的意思..

项目截图

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

score 1 · Accepted Answer

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

如果我们直接进入您的选择器，很明显的事实是，来自 x-path 的选择器肯定会被削减到其长度的三分之一，就在div#block-menu...片段之前。自己选择目标时，不必写下id父母的姓名id。但是再一次，这种优化需要你掌握一些 CSS 知识。

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

Firebug 会走很长的路去你需要的元素。你的代码中有这个：

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

这可能会解决您的问题：

.menu li {
    float: left;
}

3 回答 3