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*/