html - 可以禁用 :visited?

Question

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

由于 a:visited，如果单击蓝色链接或红色链接，它将显示为紫色(已访问)。我可以设置 a:visited {color: blue} 或 {color: red}，但这会搞砸链接，否则链接会被染成红色或那些本来应该是蓝色的。

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

Answer 1

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

a.unpublished:visited{
    color:red;
}

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

a:visited {
  color: inherit;
}