属性选择符的优先级

Ghostzhang 发表于

大家都知道样式定义存在优先级的问题,像“ID选择符”的优先级就比“样式选择符”要高等等。在写完《属性选择符的使用》和《CSS样式的优先级补遗2》后才发现,原来属性选择符的优先级是比较特殊的,看看下面的例子:


/*IE*/
div{float:left;color:Orange;} /* 特性值为:1 */
.left{color:Aqua;} /* 特性值为:10 */
div div.right{color:Fuchsia;} /* 特性值为:12 */

/*FF*/
div[title=left]{color:Blue;}
div[title=right]{color:Gray;}


<div>
  <div class="left" title="left">
    <dl>
     <dd>dd1</dd>
     <dd>dd2</dd>
     <dd>dd3</dd>
    </dl>
  </div>
  <div class="right" title="right">
    <dl>
      <dd>dd4</dd>
      <dd>dd5</dd>
      <dd>dd6</dd>
    </dl>
  </div>
</div>

在FF中可以看到,第一个层里的文字是蓝色的,而第二个层里的粉红色的。所以不难得出,属性选择符的特性值是在10到12之间,姑且写为11吧,以方便表示。

评论