为什么这个页面的字体大小被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选择器，而不仅仅是整个文档正文的选择器。