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/