zoukankan      html  css  js  c++  java
  • css 选择器的优先级-【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 数值计算法:不是很严谨的方法
  • 相关阅读:
    ES进阶--01
    JVM--02
    JVM--01
    ES--08
    ES--07
    ES--06
    python实现当前主机ip 主机名称的获取
    djang中的blank=True 和null = True的区别
    python中yield的用法详解
    python 编写古诗赤壁赋
  • 原文地址:https://www.cnblogs.com/Running00/p/12565472.html
Copyright © 2011-2022 走看看