属性选择符的优先级
由 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吧,以方便表示。