如何为单个链接设置超链接颜色？答案

【问题标题】：How to set hyperlink color for an individual link?如何为单个链接设置超链接颜色？
【发布时间】：2017-01-25 13:57:43
【问题描述】：

我正在编写一个非常简单的 HTML 页面，用于在几个文件中进行选择。链接到的文件是某些数据文件的当前和过去版本。

我希望“当前”链接为蓝色，“过去”链接为浅蓝色。这很容易通过在<A ..> 标记中设置font color 属性来实现。

但是，这样做意味着访问过的链接的颜色不会变为紫色。

另一种方法是在<body ...> 标记中使用link、vlink 和alink 属性，如here 所述。

但这样做意味着所有链接看起来都一样。显然，link、vlink 和 alink 属性在放入 <A ...> 标记上下文时不起作用。

如何为每个链接设置不同的“已访问链接”颜色？

【问题讨论】：

标签： html url hyperlink

【解决方案1】：

您可以为此使用a:visited 选择器：

<html>
    <style>
        a.past:visited {
            color: light-blue;
        }

        a.current:visited {
            color: blue;
        }
     </style>
     <body>
         <a class="current" href="#">Link</a>
         <a class="past" href="#">Link</a>
     </body>
</html>

【讨论】：

谢谢。这里是一个 HTML 菜鸟，你把它们放在哪里？
它的 CSS，你把它放在 <head> 的 <style> 标签中
我尝试在<head> 和<body> 标签中添加带有上述代码的<style> suggested code </style> 标签，但没有明显区别（使用绿色，只是为了确保）。
@ysap 你有 past 和 current 类添加到链接吗？
刚刚注意到...显然没有。没有任何课程。这是一个简单直接的 HTML。