CSS三大特性 - 继承性、层叠性及优先级

CSS有三大特性，分别是继承性，层叠性和优先级。

---

继承性

作用：子元素可以继承父元素的样式
text-，font-，line-这些元素开头的都可以继承，以及color属性

特殊性：
① a标签的颜色不能继承，必须对a标签本身进行设置

② h标签的字体大小不能修改，必须对h标签本身进行修改

层叠性

是浏览器处理冲突的一个能力
如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

优先级

！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

权值的规则：
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

---

参考：
css的三大特性 - Peter.seven
HTML+CSS基础课程 - 慕课网