爲什麼我的頁面樣式在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; 
} 

在你的螢火蟲，你會看到一行「顯示：塊」將有一個劃掉，因爲它正被重寫的「顯示：無」