爲什麼這個頁面的字體大小被reset.css的字體大小覆蓋？

Question

轉到this page並使用Firebug查看任何段落的文本字體大小。字體大小是13px。在這裏reset.css body：font-size 100％正在覆蓋master.css body：font-size 62.5％。爲什麼？

我的理解是，如果在兩個css文件中定義了相同的標記，則最後一個標記優先。我預計它會使用master.css第10行中的一個。不要將兩個Body標籤具有相同的特性嗎？

Answer 1

p優先body如CSS代表層疊樣式表

體 - >點

#master.css 
body { 
    font-size: 62.5%; 
} 

#reset.css 
body, ..., p { 
    font-size: 100%; 
} 

從reset.css取出p元素，你沒事！您也可以給p元素的class或id，你還可以添加類似：

#text.css 
p.standard { 
    font-size: 55%; 
} 

希望它能幫助！

Answer 2

發生了什麼是在master.css中定義的主體樣式被master.css中的主體樣式所覆蓋，但隨後當您訪問各個元素時，reset.css指定的樣式更具體，因此更好匹配元素並替換由body.css爲master.css定義的樣式。

如果您想讓master.css替換reset.css定義的字體，您需要使用相同的CSS選擇器，而不僅僅是整個文檔正文的選擇器。