zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    5402.绝对差不超过限制的最长数组
    快乐数
    无重复字符的最长子串
    数组中数字出现的次数
    盛最多的水
    对角线遍历
    LeetCode第24场周赛
    CSS样式
    笔记
    开关电源设计
  • 原文地址:https://www.cnblogs.com/junjieok/p/4699460.html
Copyright © 2011-2022 走看看