CSS - a: visit: hover?

Question

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

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

a:visited:hover {color: red}

Answer 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>

Answer 2

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

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

Answer 3

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

Заказ

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

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

Answer 4

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