为什么我的样式页面在样式子部分的HTML选项卡下的Firebug中被打破

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颜色。

希望这有帮助。