层叠的过程

Posted 梦想起航我起床

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了层叠的过程相关的知识,希望对你有一定的参考价值。

比较优先级:

  若属性值后跟上!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

 

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

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

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

以上是关于层叠的过程的主要内容,如果未能解决你的问题,请参考以下文章

html/css层叠

盒子模型相关知识总结

层叠机制

层叠 比较级 三种定位

CSS学习层叠

CSS 中重要的层叠概念