zoukankan      html  css  js  c++  java
  • CSS 选择器权重计算规则

    一、选择器类型

      1、ID  #id

      2、class  .class

      3、标签  p

      4、通用  *

      5、属性  [type="text"]

      6、伪类  :hover

      7、伪元素  ::first-line

      8、子选择器、相邻选择器

    二、权重计算规则

    1. 第一等:代表内联样式,如: style=””,权值为1000。
    2. 第二等:代表ID选择器,如:#content,权值为0100。
    3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
    4. 第四等:代表元素选择器和伪元素选择器,如div p,权值为0001。
    5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
    6. 继承的样式没有权值。

    三、比较规则

    1,0,0,0 > 0,99,99,99,也就是说从左往右逐个等级比较,前一等级相等才往后比

    1000
    0,   999999

    !important 的作用是提升优先级,加了这句的样式的优先级是最高的

    -------references------------------------------

    https://www.cnblogs.com/dq-Leung/p/4213375.html

  • 相关阅读:
    iOS 11 application 新特性
    Swift循环遍历集合方法
    Swift 使用 #warning
    swift 3.0 正则表达式查找/替换字符
    App Store 审核指南
    iOS 获取设备的各种信息的方法
    闭包(Closure)
    Swift的Guard语句
    Swift 学习指引
    Swift 4.0 废弃的柯里化
  • 原文地址:https://www.cnblogs.com/zyjzz/p/10380729.html
Copyright © 2011-2022 走看看