有没有办法准确查看哪个声明正在影响一个元素。而不是在 Firebug 检查器中查看一百万个属性，根据分配的类的数量，可能包含许多优先级较低的声明，因此未应用。找出哪个特定声明实际上影响了您的元素可能会很长。我看到这样的长期被忽略的声明：
ul {
颜色：绿色；
" Computed
style" 将显示所有层次结构的最终结果，但不会显示样式的来源。也许我错过了一些简单的东西。非常感谢！
编辑：我听说我应该能够扩展 Computed 标记中的属性，但是我看不到该选项在哪里可用。我可以看到字体大小为 13.333 像素，但无法查看它的来源。
是的，在 Firebug 中选择元素，然后单击“计算”选项卡（查看 HTML 框架时）。在这里，您将看到一个 CSS 属性列表，可以展开这些属性以显示相关 CSS 的位置。
在 Chrome DevTools 中有一个“计算样式”面板，它向您显示元素属性的样式列表及其位置。例如，查看 text-decoration 属性的屏幕截图。
计算侧面板可以为您提供此信息。
请注意，它只显示 CSS 跟踪 - 即影响特定 CSS 属性的样式 - 对于那些实际上由样式表的 CSS 规则更改的属性。虽然它可以显示元素的所有计算值。要隐藏未更改的内容，您可以取消选中Show User Agent CSS选项。
另外请确保您安装了当前版本的 Firefox（当前稳定版为 20.0.1）。Firebug 在内部使用一些 API 进行样式跟踪，这些 API 仅在较新版本的 Firefox 上可用。