html - 使用 CSS 修改链接

Question

我正在处理一些链接，我正在使用 CSS 来控制它们的外观。我完成了正常外观和 a:hover 外观，但我对 a:visited 外观有问题。

当我尝试让 a:visited 在访问时更改颜色时，a:hover 停止工作并且停止显示颜色的变化。

有人知道为什么会这样吗？

Answer 1

您的 a:visited 规则可能在您的 a:hover 规则之后，并且由于它们具有相同的特异性，所以最后一个会覆盖以前的。只需将 a:hover 移动到 a:visited 之后，它就可以工作了。或者，您可以通过将 a:visited 更改为 :visited 来降低它的特异性。

参见 your probable problem , one possible solution通过改变顺序，the alternative solution通过改变特异性。

您还可以将 !important 添加到 color 属性 ( example ) 但这不是一个好主意，因为它会覆盖更晚更具体的属性，另外旧版本的 Internet Explorer 不支持它。