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

Question

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

Answer 1

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

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

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

.different:visited {color:chartreuse;}

这使用:visited 伪类来设置仅访问过的链接的样式。

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; }