1.层叠性:
样式冲突,遵循就近原则
2.继承性:
子标签会继承父标签的某些样式
行高的继承:
body{
font:12px |1.5 Microsjoft YaHei;
}
子元素没有设置行高,则会继承父元素的行高为1.5 当前子元素的文字大小*1.5
3.优先级:
选择器不同,则根据选择器权重执行。4组数字组成,不会有进位,从左向右判断
继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0
权重叠加:复合选择器需要计算权重
div ul li ------> 0,0,0,3
.nav ul li -------> 0,0,1,2
a:hover --------> 0,0,1,1
.nav a ---------> 0,0,1,1