我可以在页面上只更改一个或两个链接的“访问”颜色吗？

Question

我想更改我页面上两个链接的访问颜色。我有办法做到这一点吗？

Answer 1

在您想要不同访问颜色的链接上放置一个课程，例如：

<a class="different">Different</a>

在CSS中，然后以您想要的任何方式设置访问过的链接类，例如：

.different:visited {color:chartreuse;}

这使用:visited pseudo-class来设置仅访问过的链接的样式。

Answer 2

是的，有办法做到这一点。给这两个链接一个特殊的CSS类，然后照常使用:visited选择器。在此示例中，我将其称为.special。

<a href="...">Link one</a>
<a href="..." class="special">Link two</a>

然后，在样式表中：

a:visited {
    color: purple;
}

a.special:visited {
    color: pink;
}

“链接一个”将在访问时显示为紫色。链接二，访问时，将以粉红色显示。

Answer 3

如果你不希望或不能像@Adam建议那样在你的锚标签中添加类：

a[href='https://www.google.com/']:visited { color:#FF0000; }
a[href='https://www.facebook.com/']:visited { color:#0000FF; }