码迷,mamicode.com
首页 > 其他好文 > 详细

层叠的过程

时间:2017-12-16 14:45:38      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:元素选择器   层叠   否则   出现   相同   依次   伪元素   body   数字   

比较优先级:

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

 

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

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

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

层叠的过程

标签:元素选择器   层叠   否则   出现   相同   依次   伪元素   body   数字   

原文地址:http://www.cnblogs.com/huan123/p/8046370.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!