属性选择符的优先级

由 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吧，以方便表示。

讨论

我有话说