CSS/CSS3 | P4-选择器优先级权重

时间:2021-09-02 03:29:48   收藏:0   阅读:12

1、概念

权重(weight),也可理解为优先级(Specificity)

REF: specificity-MDN

2、为什么需要权重?

优先级,优先级,需要出现一个情况发生冲突在不同选择上(如样式冲突)

样式冲突: 通过不同选择器,选择中相同元素,设置不同样式值时,样式会面临一个选择的问题,这时就发生了冲突了。

3、选择器权重分类

选择器 权重
!important 最高优先级
内联样式 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承的样式 没有优先级

使用原则:

涉及优先级的问题: 有时设置样式,发现没有生效,可能是优先级的问题

原文:https://www.cnblogs.com/martin-1/p/15212631.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!