Question

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

我希望“当前”链接为蓝色，“过去”链接为浅蓝色。通过在font color标记中设置<A ..>属性，可以轻松实现此目的。

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

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

但这样做意味着所有链接看起来都一样。显然，link，vlink和alink属性在放入<A ...>代码上下文时无效。

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

Answer 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>

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

1 个答案: