zoukankan      html  css  js  c++  java
  • css优先级计算规则

    选择器的特殊性值表述为4个部分,用0,0,0,0表示。

    • ID选择器的特殊性值,加0,1,0,0
    • 类选择器、属性选择器或伪类,加0,0,1,0
    • 元素和伪元素,加0,0,0,1
    • 通配选择器*对特殊性没有贡献,即0,0,0,0
    • 最后比较特殊的一个标志!important(权重),它没有特殊性值,但它的优先级是最高的,为了方便记忆,可以认为它的特殊性值为1,0,0,0,0

    例如:以下规则中选择器的特殊性分别是:    

    a{color: yellow;} /*特殊性值:0,0,0,1*/
    div a{color: green;} /*特殊性值:0,0,0,2*/
    .demo a{color: black;} /*特殊性值:0,0,1,1*/
    .demo input[type="text"]{color: blue;} /*特殊性值:0,0,2,1*/
    .demo *[type="text"]{color: grey;} /*特殊性值:0,0,2,0*/
    #demo a{color: orange;} /*特殊性值:0,1,0,1*/
    div#demo a{color: red;} /*特殊性值:0,1,0,2*/
    

     详细内容戳这里 

  • 相关阅读:
    BZOJ 2876 骑行川藏
    BZOJ 2875 随机数生成器
    DT_修改注册项
    ip001
    ip
    阿里大鱼 阿里云api
    JS_全
    destoon框架二次开发【整理】
    destoon_笔记
    栏目class导航
  • 原文地址:https://www.cnblogs.com/lulin1/p/9577638.html
Copyright © 2011-2022 走看看