• CSS特殊性


    样式的优先级取决于特殊性,特殊性为0,0,0,0

    Ø每个元素或伪元素选择器贡献特殊性为 0,0,0,1
    Ø每个类、伪类或者属性选择器的特殊性为 0,0,1,0
    Ø每个ID选择器的特殊性为 0,1,0,0
    Ø行内样式的特殊性为 1,0,0,0
    Ø结合符和通配符的对特殊性为0,而继承没有特殊性
     

    比较规则

    Ø从左向右依次比较,数字大的则优先级更高
    Ø每个级别的优先级值是相互独立的,13个元素选择器也不会比1个类选择器的特殊性高
    Ø如果相同就比较下一位,所有位都相同则优先级是一样高
    Ø当选择器优先级一样高的时候后声明的样式会覆盖前面声明的样式
     
     

    例子:

    div ul li                                     0,0,0,3

    div.aside ol li                             0,0,1,3

    a:hover                                     0,0,1,1

    div.nav a:hover                          0,0,2,2

    h1#title em                               0,1,0,2

    input[type="text"]                      0,0,1,1     

    .affix.top                                   0,0,2,0

    *                                              0,0,0,0

  • 相关阅读:
    延迟消失菜单
    控制产品上下滚动
    百度音乐全选
    百度文库评分两种代码写法
    选项卡
    搜狐视频
    m 调用传参图片切换
    IIS 7.5站点配置
    jquery plugins —— datatables 搜索后汇总
    jquery plugins —— datatables 增加行号
  • 原文地址:https://www.cnblogs.com/junjieok/p/4699460.html
Copyright © 2020-2023  润新知