html - 在 Firebug 中调试 css

Question

在使用 Firebug 1.11.2 时，我无法确定哪个 css 实际应用于元素。我从我自己的 css 文件 ( d.css) 中设置段落字体，这意味着覆盖 3 个系统 css 文件 ( a.css, b.css, c.css)。

1. 我单击 html 选项卡，然后单击<p>要调试的元素。
2. 右侧的样式窗口现在显示来自a.css、b.css和的应用样式c.css，但不显示d.css。没有显示段落字体，但我可以更改段落line-height，例如从a.css.
3. 如果我单击css选项卡并找到，我可以手动更改字体和字体大小，并在主窗口中d.css查看应用于元素的更改。<p>但是，右侧的样式窗口仍然没有显示字体。

显示所有应用的样式有什么魔力吗？

Answer 1

有点愚蠢，但可能值得回答而不是撤回问题......

事实证明，在选择 html 元素时，您必须比我想象的更加小心。我的文字实际上是一个跨度：

<p>
<span class="foo">bar</span>
</p>

问题只是选择<p>元素或bar文本不会显示应用的样式- 您实际上必须通过单击单词bar来选择整个元素。spanspan

谢谢。

Answer 2

尝试使用另一个插件来查看您的 CSS 代码，例如：

https://addons.mozilla.org/en-US/firefox/addon/web-developer

您可以尝试其他插件。