编程知识 cdmana.com

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

版权声明
本文为[海浪lala]所创,转载请带上原文链接,感谢
https://www.cnblogs.com/hailanglala/p/13960727.html

Scroll to Top