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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgzyj.html