CSS基础知识(四)CSS三大特性及权重
二、CSS的三大特性
(一)层叠性
1.解决样式冲突问题(相同选择器设置相同的样式会覆盖另一种冲突样式)
2.层叠性原则
- 样式冲突,遵循就近原则,哪个样式离结构近就执行哪种样式
- 样式不冲突,不会重叠
(二)继承性
1.子标签会继承父标签的某些样式(inherite),恰当使用继承可以简化代码,降低CSS样式的复杂性
2.行高的继承性
body{font:12px/1.5Microsoft YaHei;
}
a.行高可以跟单位也可以不跟单位(1.5是当前文字大小的1.5倍)b.若子元素没有设置行高,则会继承父元素行高的1.5倍
(三)优先级
1.同一元素指定多个选择器2.选择器相同,则执行层叠性3.选择器不同,则根据选择器权重执行
三、选择器权重
- 权重是由四位数组成的,
- 权重有叠加,但永远不会有进位
- 等级判断从左向右,如果某一位数相同,则判断下一位数
- 继承的权重为0,如果该元素没有直接选中,不管父元素权重多高,子元素的权重都是0