为什么我的页面样式在Firebug中的样式子部分

Question

中的HTML选项卡中穿过我有一个html页面。当我用萤火虫检查它的元素时，它的风格被直接穿过。为什么这样？

Answer 1

的因为它通过them.The首先被应用，然后第二etc.Thus如果您有类似

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

第二个样式将应用于浏览器应用样式表。

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

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

因此，div将保留＃ffe000颜色。

希望这会有所帮助。

Answer 2

因为该风格线被另一种风格所覆盖。它取决于样式表的层次结构，以及代码行中的样式。

例子：

#test-element { 
    display: block; 
} 

#test-element { 
    display: none; 
} 

在你的萤火虫，你会看到一行“显示：块”将有一个划掉，因为它正被重写的“显示：无”