层叠的过程

比较优先级:

  若属性值后跟上!imprtangt表是一条重要声明,否则是普通声明

  优先级从低到高:

  1.浏览器默认样式表中的声明

  2.用户样式表中的普通声明

  3.作者样式表中的普通声明

  4.作者样式表中的重要声明

  5.用户样式表中的重要声明

比较特殊性:(优先级相同的情况)

  行内样式>ID选择器>类选择器>元素选择器>通配符选择器

  计较特殊性-具体规则

         在比较特殊性时,每一个冲突的声明会生成4个数字分组(a,b,c,d)

         a越大,特殊性越高,若a相同,比较b,b越大,特殊性越大,依次类推

         a:声明是行内样式

    b:ID选择器个数

    c:类选择器、伪类选择器、属性选择器个数

    d:元素选择器、伪元素选择器个数 

  选择器                                a       b         c         d

  style                                   1       0        0         0

  id                                        0       1        0         0

  class、属性、伪类             0       0        1         0

  元素,伪元素                     0       0        0         1

 

             当计算选择器分组时要分开计算

比较源次序:(优先级和特殊性相同的情况下)

             若优先级和特殊性相同的情况下,最后出现的声明胜出,其他淘汰     

posted @ 2017-12-16 13:23  梦想起航我起床  阅读(126)  评论(0编辑  收藏  举报