当CSS级联不起作用时

Question

我有#nav a {color:1}选择器，下面有几行，另一个选择器a.current {color:2}指定了当前元素（导航栏和所选元素/页面）的更多属性。因此，来自第二选择器的颜色不起作用，颜色1保留在元素上。

如果我放#nav a.current {color:2}，那么它正在运作。为什么这样？似乎具有指定部分id =“nav”的选择器具有某种优先级。

Answer 1

正如其中一条评论中提到的那样，特异性就是这里发生的事情。按the official definition，#nav a选择器的特异性为101（假设基数为10），a.current的特异性为10.前者具有高特异性，因此优先级高。

#nav a.current的特异性为111。

这里是official specification of the cascade以供参考。