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 цветовой переход не работает в Chrome

Answer 2

CSS Psuedo-классы должны приходить один за другим, чтобы работать:

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

Также обратите внимание, последовательность, в которой они написаны.