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

比较选择器特殊性

时间:2018-08-17 00:33:19      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:情况   foo   顺序   通配符   个数   bcd   范围   通配   space   

特殊性

    1. 总体规则 
      一个声明的特殊性,取决于规则适用范围的大小,规则适用范围越大,特殊性越低;反之; 
      总体规则的顺序:行内选择器>ID>类>元素>通配符
    2. 具体规则 
      例: 
      a 
      .foo 
      #bar 
      .main>div #nav *.home a:link 
      用abcd分别表示 
      1. a=行内样式的个数, 
      2. b=ID选择器个数, 
      3. c=类选择器、伪类选择器、属性选择器个数, 
      4. d=元素选择器个数; 
      注:a只有1和0两种情况;通配符选择器由于特殊性,值为0;.main>div是元素选择器; 
      所以上例中,值为 
      0 0 0 1 
      0 0 1 0 
      0 1 0 0 
      0 1 3 2

比较选择器特殊性

标签:情况   foo   顺序   通配符   个数   bcd   范围   通配   space   

原文地址:https://www.cnblogs.com/chen-haobox/p/9490841.html

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