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

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

因为该样式行被另一个样式覆盖。它取决于样式表的层次结构，以及在代码行中样式的位置

例如：

#test-element {
    display: block;
}

#test-element {
    display: none;
}

---

在firebug中，您会看到行“display:block”会被“display:none”覆盖，因此浏览器会在遍历样式表时应用样式表。第一个样式表被应用，第二个样式表被应用，等等。因此，如果您有

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

将应用第二种样式

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

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

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

---

希望这有帮助。

我的意思是我的风格被不同的属性覆盖得很差。！！