CSS三大特性及权重叠加
层叠性：
1.样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式
2.样式不冲突，不会层叠
继承性：
子标签会继承父标签的某些样式，如文本颜色和字号
优先级：
当同一个元素指定多个选择器，就会有优先级的产生。
选择器相同，则执行层叠性
选择器不同，则根据选择器权重执行
选择器权重如下表所示：
|
选择器 |
选择器权重 |
|
继承或者* |
0,0,0,0 |
|
元素选择器 |
0,0,0,1 |
|
类选择器，伪类选择器 |
0,0,1,0 |
|
ID选择器 |
0,1,0,0 |
|
行内样式 style=”” |
1,0,0,0 |
|
!important 重要的 |
无穷大 |
例：
权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。
div ul li ——> 0,0,0,3
.nav ul li ——> 0,0,1,2
a:hover —–—> 0,0,1,1
.nav a ——> 0,0,1,1
版权声明：本文为hailanglala原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。