css的三大特性

一.css的层叠性
指css样式的叠加,当一个标签有多个样式出现时,则遵循就近的原则,假如是不同的样式则不会发生冲突。

二.css的继承性
指子标签的样式会根据父标签的样式进行继承。

三.css的优先级(特殊性)
css中有根据样式的优先级,当样式的权重(特殊性)相同时层叠采用就近的原则,当权重不同时有以下原则:
1.继承的贡献值0,0,0,0
2.每个元素贡献值0,0,0,1
3.每个类,伪类0,0,1,0
4.每个id0,1,0,0
5.行内样式1,0,0,0
6.!important无穷大

总结为:
1.!important
2.行内样式
3.id选择器
4.类选择器,属性选择器,伪元素,伪类
5.元素选择器
6.通配符选择
7.同一类选择就近原则
(从上到下递减)

上一篇:cs


下一篇:SASS - @extend(继承)指令