css - 在 firebug 中，如何找出应用于特定元素的所有 css 样式？

Question

我深陷在许多嵌套的 CSS 级别中，我不知道哪个样式层/级别弄乱了我的显示。如何找出应用于特定元素的所有内容？

Answer 1

单击检查（左上角）以选择要检查的元素

然后在右侧面板上选择标有“样式”的选项卡。它还会告诉您特定属性来自哪个 .css 文件

Answer 2

右键单击该元素并选择“检查元素”，然后您应该会看到该元素以及对其做出贡献的所有 CSS 规则。您只需单击并编辑值即可修改规则，以尝试不同的方法来纠正问题。

Answer 3

使用检查按钮。单击您感兴趣的项目。在右侧，Firebug 显示元素的所有样式，以及它们源自的文件 + 行号。

找到您要应用的样式，看看它是否有笔触。如果是这样，它就会被层次结构中更高级别的东西覆盖。

现在你必须决定如何解决它。通过使您的 css 条目更具体到所讨论的项目，或以其他方式修改您的样式。

Answer 4

从“CSS”选项卡中，单击“检查”，然后单击元素。所有应用的样式（及其来源）都将显示在右侧。