css - 找出影响特定元素的类

Question

有没有办法准确地查看哪个声明正在影响一个元素。与其在 Firebug 检查器中查看一百万个属性，不如在其中根据分配的类的数量可能包含许多优先级较低的声明，因此未应用。查找实际上影响您的元素的特定声明可能会很长。我看到长期被忽略的声明是这样的:

ul {
颜色:绿色;
}
“计算样式”将显示所有层次结构的最终结果，但不会显示样式的来源。也许我错过了一些简单的东西。非常感谢!

JSBIN

编辑:我听说我应该能够扩展 Computed 标记中的属性，但是我看不到该选项在哪里可用。我可以看到字体大小为 13.333 像素，但无法查看它的来源。

Answer 1

是的，在 Firebug 中选择元素，然后单击“已计算”选项卡(查看 HTML 框架时)。您将在此处看到一个 CSS 属性列表，可以展开这些属性以显示相关 CSS 的位置。