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

Question

我被埋在许多嵌套级别的css中，我无法分辨哪个样式图层/级别弄乱了我的显示。如何找出应用于特定元素的所有内容？

Answer 1

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

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

Answer 2

右键单击元素并选择“Inspect Element”，然后您应该看到元素和所有CSS规则。您可以通过单击和编辑值来修改规则，以尝试不同的方法来纠正问题。

Answer 3

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

找到您尝试应用的样式，并查看它是否有中风。如果是这样，它将被层次结构中更高的东西覆盖。

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

Answer 4

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