链接访问后html链接悬停不起作用？

Question

在css中我定义了文本链接的行为，如下所示：

a:link {
    color: gray;
}

a:active {
    color: #9999ff;
}

a:hover {
    color: #9999ff;
}

a:visited {
    color: gray;
}

工作正常。在我访问链接之后，它应该/并且仍然具有相同的颜色。但是，这就是我没有得到的......在我访问了一个链接之后它就不再徘徊了。如何使文本链接始终以相同的方式运行：例如链接：灰色悬停：蓝色???

THX

Answer 1

@Frits van Campen是正确的，访问过的伪类选择器覆盖了悬停选择器this fiddle has it fixed.

a:link {
    color: gray;
}
a:active {
    color: #9999ff;
}
a:visited {
    color: gray;
}
a:hover {
    color: #9999ff;
}

Answer 2

这是一个CSS Specificity问题。

具有相同特异性的规则将根据其定义的顺序适用。

您应该将更重要的规则移到列表底部，这样它们才能优先。