CSS转换不适用于访问过的链接

Question

我正在尝试在超链接上实现CSS转换，我正在尝试使用代码，但它只适用于未访问过的链接。它不适用于访问过的链接。我做错了吗？

a, a:link, a:visited {
    color: lightblue;
    -webkit-transition: color .4s linear;
    -moz-transition: color .4s linear;
    -o-transition: color .4s linear;
    -ms-transition: color .4s linear;
    transition: color .4s linear;
    }

    a:hover {
        color: red;
    }

没有任何其他可能与之冲突的CSS代码。

Answer 1

它最不适合您的原因是您正在测试Chrome中的功能。看看这个链接：

CSS3 color transition not working in Chrome

Answer 2

CSS伪类必须一个接一个地进行才能工作：

a { /* code */ }
a:link { /* code */ }
a:visited  { /* code */ }
a:hover { /* code */ }

另请注意，这些内容的编写顺序很重要。