可以禁用 a:visited 吗？

Question

我有一个列出信息的页面，您可以单击其中的链接来获取更多详细信息。这些链接中的大多数都是正常的（即没有类），但在某些链接上我已将类设置为“未发布”（用于未发布的更改），其中样式设置为color: red

由于a:visited，如果单击蓝色链接或红色链接，它就会显示为紫色（已访问）。我可以设置a:visited {color: blue}或{color: red}，但这会搞砸本来会被涂成红色的链接或本来会被涂成蓝色的链接。

是否有可能以某种方式完全禁用样式 a:visited ？如果没有，是否有其他方法可以解决此问题？

Answer 1

您可以a:visited{...}用自己的风格覆盖。例如，如果您希望未发布的访问过的链接保持红色，那么您可以：

a.unpublished:visited{
    color:red;
}

如果您只想让锚点颜色与锚点的父元素保持相同，可以使用继承：

a:visited {
  color: inherit;
}