5. CSS 三大特性
目标:
- 理解
- 能说出css样式冲突采取的原则
- 能说出那些常见的样式会有继承
- 应用
- 能写出CSS优先级的算法
- 能会计算常见选择器的叠加值
5.1 CSS层叠性(后来者居上)
[外链图片转存失败(img-l6P62J0q-1562221294901)(https://mp.csdn.net/media/20%E5%B1%82%E5%8F%A0%E6%80%A7.png)]
-
概念:
所谓层叠性是指多种CSS样式的叠加。
是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉
-
原则:
- 样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。
- 样式不冲突,不会层叠
CSS层叠性最后的执行口诀: 长江后浪推前浪,前浪死在沙滩上。
[外链图片转存失败(img-cH1OuuMP-1562221294904)(https://mp.csdn.net/media/hai.gif)]
5.2 CSS继承性
[外链图片转存失败(img-zVkiGOTX-1562221294908)(https://mp.csdn.net/media/21%E7%BB%A7%E6%89%BF%E6%80%A7.png)]
-
概念:
子标签会继承父标签的某