为什么一个：悬停得到CSS重写？

Question

如果我有此CSS：

a:link { color: blue; }
a:hover { color: red; }
#someID a:link { color: black; }

根据ID链接总是出现在黑色上悬停。我知道，使用ID赋予更高的优先级，然而，我不重写:hover选择，只有:link选择器，因此不应该在红色悬停显示？

Answer 1

在:link伪类适用于链接，即使你盘旋在它。由于与ID的风格是更具体它将覆盖其他。

这在:hover样式覆盖在所有:link样式的唯一原因在于，它在样式表后话。如果你把它们放在顺序如下：

a:hover { color: red; }
a:link { color: blue; }

的:link风格是以后在样式表中并覆盖:hover样式。当你在它悬停在链接保持蓝色。

为了使:hover风格对你的工作必须使它至少特定的:link风格黑色的链接，并将其放置后，在样式表：

a:link { color: blue; }
a:hover { color: red; }
#someID a:link { color: black; }
#someID a:hover { color: red; }

Answer 2

有是命令的问题，如在解释W3Schools的：

  

注：A：hover必须走过了后：链路   和：参观在CSS定义   为了有效!!

     

注意：一个：活性必须出现在a：悬停   在顺序CSS定义为   有效!!

http://www.w3schools.com/CSS/css_pseudo_classes.asp