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。

继承：带链接颜色的访问链接

1 个答案: