Question

我有一个页面列表信息，您可以在其中单击链接以获取更多详细信息。大多数这些链接都是正常的（即没有课程），但有些链接我已经设置了这个类＆＃34;未发表的＆＃34; （对于未发布的更改）样式设置为color: red

由于a:visited，如果点击了蓝色链接或红色链接，则会显示为紫色（已访问）。我可以设置a:visited {color: blue}或{color: red}，但这样会搞砸其他本来是红色的链接或那些本来是蓝色的链接。

是否有可能以某种方式禁用样式a：完全访问？如果没有，还有另一种方法可以解决这个问题吗？

Answer 1

您可以使用自己的风格覆盖a:visited{...}。例如，如果您希望链接对未发布的访问链接保持红色，则执行以下操作：

a.unpublished:visited{
    color:red;
}

如果你只想让锚颜色与锚的父元素保持一致，你可以使用inherit：

a:visited {
  color: inherit;
}

Answer 2

没有一些超级代码可以做到这一点。但您可以通过以下方式配置CSS：

主链接颜色：

a{color:blue;}

访问过的链接颜色：

a:visited {color:blue;}

用您自己的颜色替换蓝色。这会将您的主链接颜色和访问过的链接颜色设置为相同，并获得所需的结果。

Answer 3

我通常为常规链接和访问状态创建一个通用规则，因此访问过的链接总是看起来像“常规”、未访问的链接。

a:link, a:visited {
  [ ...settings here... ]
}