CSS - a: visited: hover?

Как применить шрифт color только к гиперссылкам, которые уже были visited и являются hover с помощью мыши?

По существу, я хочу сделать

a:visited:hover {color: red}

Ответ 1

Да, это возможно.

Вот пример:

<style type="text/css">
    a:link:hover {background-color:red}
    a:visited:hover {background-color:blue}
</style>

<a href="http://www.google.com/">foo</a><a href="http://invalid/">bar</a>

Ответ 2

существует последовательность между ссылкой css, чтобы вступить в силу. a: зависание должно появиться после: link и a: visited и a: active должно появиться после: hover для более подробной информации см. ссылку ниже.

http://www.w3schools.com/css/css_pseudo_classes.asp

Ответ 3

FWIW, мне не удалось создать стиль color на a:visited:hover (Chrome/FF) без объявления фона для :link:hover (что-то вроде none или inherit, похоже, работает, я использовал rgba() для альфы).

Для этого в Chrome/FF:

a:visited:hover {
    color: #f00;
}

... (что-то вроде этого):

a:link:hover {
    background-color: rgba(255, 255, 255, 0);
}

Ответ 4

Существует порядок объявления css, чтобы это работало должным образом, как упоминалось ранее, хотя оно не охватывало этот конкретный вариант, но имеет значение. Я проверил это в Chrome.

Порядок

    a:link { color: red; }
    a:visited { color: blue; }
    a:visited:hover { color: yellow; }
    a:hover { color: green; }
    a:active { color: gray; }

Он будет работать независимо от того, идет ли он до или после: hover, если оба: наведите курсор и a: visited: hover после посещения: и до::. Я просто предпочитаю, чтобы эти две просмотренные ссылки были вместе, и они парят вместе.