层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖另一个冲突的样式。
原则:就近原则。样式不冲突的不会层叠
继承性
子标签会继承父标签的某些样式,如文本颜色和字号
子元素可以继承的样式(text- font- line这些开头,以及color)
行高的继承
行高可以跟单位也可以不跟单位
不跟单位 12px/1.5
这个1.5是当前元素文字大小的1.5倍 若文字大小14px 则行高14px*1.5
优先级
选择器 权重
继承或* 0,0,0,0
元素选择器 0,0,0,1
类选择器,伪类选择器 0,0,1,0
ID选择器 0,1,0,0
行内样式 style=" " 1,0,0,0
!important 无穷大
复合选择器有权重叠加
li{} 权重 0,0,0,1
ul li{} 权重 0,0,0,1 + 0,0,0,1 = 0,0,0,2
.class li 权重 0,0,1,0 + 0,0,0,1 = 0,0,1,1
a:hover 权重 0,0,0,1 + 0,0,1,0 = 0,0,1,1
权重可以叠加但是不会进位