css - 继承一个 :visited link with color of the link

Question

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

例如:

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

当我访问链接时，此 css 将链接变为黑色。
但我想保留链接的原始颜色(在本例中为蓝色)。

我想我可以这样做:

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

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

那么...有什么方法可以用“原始”颜色覆盖: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- one。