首页 > css选择器优先级的问题

css选择器优先级的问题

http://jsfiddle.net/8TUwr/

我使用了 类+标签 作为选择器
a标签中的字体没有被listSelected定义的颜色重载

当我第一个选择器写成 .content>a 时 能够重载字体的颜色

这两种写法为什么会导致优先级的不同
给个关键词方便也行


优先级是这样计算……
http://www.w3.org/TR/selectors/#specificity

然后……这不是重点。这两种写法的优先级是一样样的。

你觉得

.content>a{
    color: blue;
}

会给<a class="listSelected">demo text</a>带颜色吗?请注意一下,http://www.w3.org/TR/selectors/#child-combinators 这个家伙和 http://www.w3.org/TR/selectors/#descendant-combinators 这个家伙的区别。


更新:感谢@yangff提醒,仔细一看,">"作为子元素选择符,是没有办法选择到<div class="content">的孙子或者重孙子的节点的,<div class="content">的直接子节点,是<li>呀……


按照标准,.content a的优先级高于.listSelected


快速记忆选择器优先级:

直观地查看各种选择符的作用(建议搭配firebug或者webkit inspector查看):

http://selectors.linxz.de/

【热门文章】
【热门文章】