css 选择器的优先级-【css选择器世界】
2021-04-01 16:26
标签:空格 css 增加 算法 通配符 计数 选择 都对 伪类 css 选择器的优先级-【css选择器世界】 标签:空格 css 增加 算法 通配符 计数 选择 都对 伪类 原文地址:https://www.cnblogs.com/Running00/p/12565472.html
每一段css语句的选择器都对应一个具体的数值,数值越大,优先级越高,其中的css语句将被优先渲染。
其中:出现一个0级选择器,优先级数值+0;
出现一个1级选择器,优先级数值+1;
出现一个2级选择器,优先级数值+10;
出现一个3级选择器,优先级数值+100;
0级:通配符选择器、选择符、逻辑组合伪类
*
+ 、> 、~、空格、||
逻辑组合伪类: :not 、:is、:where
1级: 标签选择器
2级:类选择器,属性选择器,伪类
3级:id选择器
4级:style属性内联
5级:!important