13 层叠性和继承性
层叠性
一个元素的样式层叠了,听谁的,用权重区分
谁的权重高听谁的,
后面样式的权重>前面样式的权重
选择器范围小样式权重>范围大的样式权重
选择期id数量多的样式权重>class数量多的样式权重>标签数量多的样式权重
2 !important 提升权重
color: red !important;//提升该样式的权重,假如多个属性需要提升权重 每个属性都要加个!important
简单说!important破坏了2个规则:
一个是破坏id数量>class数量>标签数量
一个是后面的覆盖前面的位置
注意
1 页面不能滥用!important,只能在原子类情况使用
2 !important不影响继承,该是0还是0,继承的属性加上!important也不能与选中了元素的选择器抗衡
3 !important不影响就近原则 远的那个加上!important也没用,还是以近的为准
继承性
子元素能继承父元素的一些样式,如font-,text-,color,width
浙公网安备 33010602011771号