html - 为什么我的页面样式在 Firebug 中的样式子部分的 HTML 选项卡下被删除

Question

我有一个 html 页面。当我用 Firebug 检查它的元素时，它的样式被删除了。为什么会这样？

Answer 1

因为那条风格线被另一种风格覆盖了。这取决于样式表的层次结构以及样式在代码行中的位置。

例子：

#test-element {
    display: block;
}

#test-element {
    display: none;
}

在您的萤火虫中，您会看到“display：block”行将有一个删除线，因为它被“display：none”覆盖

Answer 2

浏览器在通过它们时应用样式表。第一个被应用，然后是第二个等等。因此，如果你有类似的东西

div{color:#ffe000}
div{color:#ffffff}

将应用第二种样式。

如果您不希望任何样式被后续更改覆盖，您可以使用 !important 属性。这将防止具有此属性的样式被覆盖。

div{color:#ffe000!important}
div{color:#ffffff}

因此 div 将保留其 #ffe000 颜色。

希望这可以帮助。