css的某些样式具有继承性的，它允许样式不仅应用于某个特定的html标签元素，而且可以用于其后代。
但是有些样式不具有继承性，比如 border:1px solid red;
p{border:1px solid red;}
<p>xxxxxxx,xxx<span>我说你好</span>xxxxx</p>
其中子元素span就没起到作用
特殊性（优先级）
我们为同一元素设置不同的样式，会有什么变化呢：如
p{color:red;}
.first{color:green;}
<p class=first>xxxxxxx</p> 答案是字体为绿色，因为class的权值比标签权值大
层叠
css样式中出现相同的权值时，顺序后面的会覆盖前面的
重要性
我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决，比如：
P{color:red!important;}
p{color:green;} 最后显示的是红色
