继承带有链接颜色的 :visited 链接

Question

有没有什么快速的方法可以让:visited 链接与链接本身的颜色相同？

例如：

* {color:black}
a:link {color:blue}
a:visited {color:inherit}

当我访问该链接时，此 CSS 会将链接变为黑色。
但我想保留链接的原始颜色（在本例中为蓝色）。

我想我可以这样做：

a:link, a:visited {color:blue}

但是，我有一个巨大的 css，其中包含许多链接、不同的颜色，并且没有来自一年前编写此代码的愚蠢的该死设计师（我）的 cmets。应用该解决方案将是一场噩梦，因为链接有一百种样式。

那么...有没有办法用“原始”颜色覆盖:visited 颜色，而不更改整个样式表？

（这可能与this question 重复，但给出的答案都不起作用，而且我不能使用 JS（客户要求）。）

Answer 1

在找到更好的答案之前，有一个部分解决方案：根据this MDN page，Mozilla 将-moz-visitedhyperlinktext 定义为超链接的“已访问”颜色。

所以，如果你有这个 HTML：

<a href="#">This is what an a normally looks like</a>
<div class="test">
    <a href="#">This is an a in a black container</a>
</div>
<div class="test">
    <a href="#" style="color:-moz-visitedhyperlinktext">This is a visited a?</a>
</div>

使用这个 CSS：

.test, .test * {color:black}

a 会看起来“自然”，正如您在this fiddle 中看到的那样。仅在 Mozilla 中。

其他浏览器不行，但是可以写

color:blue;
color:-moz-visitedhyperlinktext;

对于颜色，其他浏览器会忽略 -moz- 。