为什么这个页面的字体大小被reset.css font-size覆盖？

Question

转到this page并使用Firebug查看任何段落的文本字体大小。字体大小为13px。这里reset.css正文：font-size 100％正在覆盖master.css正文：font-size 62.5％。为什么？

我的理解是，如果在两个css文件中定义相同的标记，则最后一个标记优先。我预计它将使用master.css第10行中的那个。两个Body标签不具有相同的特异性吗？

Answer 1

p优先于body，因为CSS代表级联样式表

身体 - ＆gt; P

#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

正在发生的事情是，reset.css中定义的主体样式被master.css中的主体样式覆盖，但是当你到达单个元素时，reset.css指定的样式更具体，因此更匹配对于元素并替换master.css为body定义的样式。

如果你想让master.css替换reset.css定义的字体，你需要使用相同的CSS选择器，而不仅仅是整个文档主体的选择器。