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

Question

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

a:link {
    color: gray;
}

a:active {
    color: #9999ff;
}

a:hover {
    color: #9999ff;
}

a:visited {
    color: gray;
}

工作正常。在我访问一个链接后，它应该/并且仍然具有相同的颜色。但是，这就是我没有得到的……在我访问了一个链接后，它不再悬停了。我怎样才能使文本链接的行为始终相同：例如链接：灰色悬停：蓝色？？？

谢谢

score 7 · Accepted Answer

@Frits van Campen 是正确的，访问的伪类选择器覆盖了悬停选择器，这个小提琴已经修复了。

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

score 1 · Accepted Answer

这是一个CSS 特殊性问题。

相同特性的规则将根据它们定义的顺序应用。

您应该将更重要的规则移到列表的底部，以便它们优先。

2 回答 2