Помогите пожалуйста сделать a:visited:hover

rbfyec · №1

У меня есть стиль

Код:

#id a:link {
    color: xxx;
}

#id a:visited {
    color: yyy;
}

#id a:hover {
    color: zzz;
}

#id a:visited:hover {
    color: nnn;
}

И вот получается, что работает всё, кроме последнего правила. При наведении курсора на посещённую ссылку, её цвет меняется на zzz что соответствует :hover
А должен бы меняться на nnn что соответствует :visited:hover

yup · №2

У меня в приведённом выше варианте вообще ничего не работает.
Зато вот так работает:

Выделить код

Код:

a#id {
    color: xxx;
}

a#id:visited {
    color: yyy;
}

a#id:hover {
    color: zzz;
}

a#id:visited:hover {
    color: nnn;
}

и вот так работает:

Выделить код

Код:

a#id {
    color: xxx;
}

a:visited#id {
    color: yyy;
}

a:hover#id {
    color: zzz;
}

a:visited:hover#id {
    color: nnn;
}

rbfyec · №3

yup

yup пишет

У меня в приведённом выше варианте вообще ничего не работает.
Зато вот так работает:

Не, у меня id относится не к ссылке, а к диву, в котором ссылка находится.
Т. е. запись #id a означает: элемент с идентификатором id и в нём ссылка - потомок какого угодно уровня.
Можно было написать div#id a но я уж сократил.

Вот с этой моей записью работает всё, кроме :visited:hover

villa7 · №4

rbfyec
Не знаю почему у вас не работает, у меня работает точно.

Выделить код

Код:

a:visited:hover {
    color: #0f0 !important;
    text-decoration: overline !important;
   }

yup · №5

rbfyec пишет

Не, у меня id относится не к ссылке, а к диву, в котором ссылка находится.

А в таком случае у меня, как и у villa7, всё работает - и в [firefox] , и в [seamonkey]

rbfyec · №6

У меня с флагом !important тоже заработало.
Видимо, мой стиль перебивался каким-то чужим правилом.

yup и villa7
спасибо вам за помощь! :beer:

Полезная информация

№107-10-2016 13:17:18