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

#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

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

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;
}

yup

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

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

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

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

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

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

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