2012-01-05 4 views
2

Я пытаюсь реализовать переход CSS по гиперссылкам, я пытаюсь выполнить следующий код, но он работает только с не посещенными ссылками. Он не работает с посещенными ссылками. Я делаю что-то неправильно?Переход 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, который мог бы вступить в конфликт с ним.

ответ

2

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

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

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

+0

Если: ссылка и: посетили псевдо элементы одинаковы (как в вашем случае выше), они, вероятно, не нужно ни. Я просто вернусь к 'a {/ * code * /}' для первого правила и сделаю с ним - протестируйте его и посмотрите, видите ли вы какие-либо различия. – SpoonNZ

Смежные вопросы