css - Parent 在使用 css 的公共(public)选择器中影响 Child 样式

Question

我有以下标记:

<div id="content">
  <div id="contact">
    <p>Testing p selector in child</p>
  </div>
</div>

还有这两个css文件:

default.css [父级]

#content p {
color: #000000;
font-size: 14px;
font-family: helvetica;
text-align: left;

form.css [子级]

#contact p {
background-color: #F2F7FB;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;       
color: #3670A7;   
text-align: left;       
margin-right: 0px;       
padding-right: 0px;

为什么:

<p>Testing p selector in child</p>

是获取 parent 的风格而不是 child 的风格？

Answer 1

归功于 BoltClock 的独 Angular 兽，

来自评论:你的default.css是在form.css之后加载的吗？