CSS三大特性
层叠性
相同的选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。
1.样式冲突,采取就近原则,那个样式离结构近,就执行哪个样式。
2.样式不冲突,不会重叠。
继承性
子标签会继承父标签的某些样式(text,font,line-这些元素开头的,以及color属性)
行高的继承
body {
font: 12px/24px 'Microsoft YaHei'
}
body {
font: 12px/1.5 'Microsoft YaHei'
}
div {
font-size: 14px;
}
这个1.5,就是当前元素文字大小font-size的1.5倍,因此当前div的行高就是21像素。
这样写法的最大优势就是里面子元素可以根据自己文字大小车自动调整行高。
优先级
当同一个元素指定多个选择器,就会有优先级的产生。
选择器相同则执行层叠性。
选择器不同,根据选择器权重执行。
权重不是进制。
div {
color: pink!important;
}
权重叠加
如果是复合选择器,则会有权重叠加,需要计算权重。