深山老林

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://forest.blogbus.com/logs/2338754.html

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

------------------------------CSS-----------------------------------
/*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;}
--------------------------------------------------------------------

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