CSS三大特性:层叠性,继承性,优先级
层叠性:
样式冲突,遵循原则:就近原则,哪个样式离结构近,就执行哪个样式
继承性:
优先级:权重会叠加,但永远不会进位
当同一个元素指定多个选择器,就会有优先级的产生。
- 选择器相同,则执行层叠性
- 选择器不同,则根据选择器权重执行
复合选择器会有权重叠加的问题
如a:hover-------->0,0,1,1(a是元素选择器1,hover(伪)类选择器10)
继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0;
a链接浏览器默认制定了一个样式 蓝色的 有下划线 a{color:blue;},给body指定样式无效,若重新定义a{ },继承的权重为0,a的权重为1,则执行a{ }的重新指定。
权重的增加
如给ul中的第一个li改变样式 ,直接写 .pink权重不如 .nav li{ }的权重高,要想改变样式,需要增加权重 .nav .pink{ }权重增加