码迷,mamicode.com
首页 > Web开发 > 详细

css 选择器的优先级-【css选择器世界】

时间:2020-03-25 13:26:36      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:空格   css   增加   算法   通配符   计数   选择   都对   伪类   

  • 1 对于优先级的计算,数值计数法:
    每一段css语句的选择器都对应一个具体的数值,数值越大,优先级越高,其中的css语句将被优先渲染。
    其中:出现一个0级选择器,优先级数值+0;
    出现一个1级选择器,优先级数值+1;
    出现一个2级选择器,优先级数值+10;
    出现一个3级选择器,优先级数值+100;
  • 2 css优先级规则
    0级:通配符选择器、选择符、逻辑组合伪类
    *
    + 、> 、~、空格、||
    逻辑组合伪类: :not 、:is、:where
    1级: 标签选择器
    2级:类选择器,属性选择器,伪类
    3级:id选择器
    4级:style属性内联
    5级:!important
  • 3 优先级数值一样时候,后渲染的选择器优先级更高
  • 4 增加css选择器优先级的小技巧:重复选择器本身.foo.foo
  • 5 数值计算法:不是很严谨的方法

css 选择器的优先级-【css选择器世界】

标签:空格   css   增加   算法   通配符   计数   选择   都对   伪类   

原文地址:https://www.cnblogs.com/Running00/p/12565472.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!