在Firebug中,如何找出所有应用于特定元素的CSS样式?
时间:2020-03-06 14:53:29 来源:igfitidea点击:
我被埋在许多嵌套的css级别中,并且我无法分辨哪个样式层/级别弄乱了我的显示。我如何才能找出应用于特定元素的所有内容?
解决方案
单击检查(左上方)以选择要检查的元素
然后在右侧面板上,选择标记为"样式"的标签。它还会告诉我们特定属性来自哪个.css文件
右键单击该元素,然后选择"检查元素",然后我们应该会看到该元素以及对它有贡献的所有CSS规则。我们只需单击并编辑值以尝试其他方法来更正问题,即可修改规则。
使用检查按钮。单击我们感兴趣的项目。Firebug在右侧显示元素的所有样式以及其来源的文件+行号。
找到我们要应用的样式,然后查看是否有笔触。如果是这样,它会被层次结构中更高的东西所覆盖。
现在,我们必须决定要如何解决它。通过使css条目更特定于所涉及的项目,或者以其他方式修改样式。
从" CSS"选项卡中,单击"检查",然后单击该元素。所有应用的样式(及其来源)将显示在右侧。