三重要的特性:层叠性、继承性、优先性。
1.层叠规则:
样式冲突,遵循的元素是就近原则,哪个样式离结构近,就使用哪个样式。
样式不冲突,不会层叠
2.继承,CSS子标签会继承父标签的某些样式,如文本颜色和字号(text-,font-,line- 这些元素的可以继承,以及color属性)。
3.当一个元素指定多个选择器时,就会有优先级产生。
选择器相同,则执行层叠性。
选择器不同,则根据选择器权重执行。
注意!继承的元素是零!!
a链接标签会有默认的样式,即蓝色的有下划线,因此不会继承的body属性。
4.权重叠加
例如:
权重:0,0,0,1
div {
color : red;
}
权重:0,0,0,1+0,0,0,1 = 0,0,0,2
div p {
color : pink;
}
权重:0,0,1,0 + 0,0,0,1 = 0,0,1,1
.nav p {
color:red;
}