在Firebug中,如何找出所有应用于特定元素的CSS样式?

时间:2020-03-06 14:53:29  来源:igfitidea点击:

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

解决方案

单击检查(左上方)以选择要检查的元素

然后在右侧面板上,选择标记为"样式"的标签。它还会告诉我们特定属性来自哪个.css文件

右键单击该元素,然后选择"检查元素",然后我们应该会看到该元素以及对它有贡献的所有CSS规则。我们只需单击并编辑值以尝试其他方法来更正问题,即可修改规则。

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

找到我们要应用的样式,然后查看是否有笔触。如果是这样,它会被层次结构中更高的东西所覆盖。

现在,我们必须决定要如何解决它。通过使css条目更特定于所涉及的项目,或者以其他方式修改样式。

从" CSS"选项卡中,单击"检查",然后单击该元素。所有应用的样式(及其来源)将显示在右侧。