CSS三大特性
层叠性: 两个选择器设置相同样式,样式冲突,遵循就近原则,哪个样式离结构进,就执行哪个样式,如果样式不冲突,不会重叠。
继承性:子元素继承父元素的样式。
特殊案例行高:行高可以跟单位也可以不跟单位,如果子元素没有行高设置,则会继承父元素行高,子元素行高=子元素文字大小*父元素行高数值。
优先级:选择器相同,层叠执行。选择器不同,根据选择器权重执行。
选择器 | 选择器权重 |
---|---|
继承 , * | 0,0,0,0 |
元素选择器 | 0,0,0,1 |
类选择器 ,伪类选择器 | 0,0,1,0 |
ID选择器 | 0,1,0,0 |
行内样式 style="" | 1,0,0,0 |
!important | 无穷大 |
权重叠加:复合选择器会有权重叠加,对应位数值相加。 权重不会进位,等级判断从左到右,如果某一位数值相同,判断下一位。
继承权重为0,如果该元素没有直接选中,则子元素得到的权重都是0。