css选择器优先级的问题

Question

http://jsfiddle.net/8TUwr/

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

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

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

Answer 1

优先级是这样计算……
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 这个家伙的区别。

Answer 2

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

---

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

---

快速记忆选择器优先级：

直观地查看各种选择符的作用（建议搭配firebug或者webkit inspector查看）：

http://selectors.linxz.de/