html - CSS - a:visited: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 声明命令可以正常工作，虽然它没有涵盖这个特定选项，但它确实有所作为。我已经在 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:visited:hover 都在 a:visited 之后和 a:active 之前，它就会在 a:hover 之前或之后起作用。我只是更喜欢将两个访问过的链接保持在一起，并且两个悬停在一起。

Answer 3

链接 css 之间有一个序列才能生效.. a:hover 必须在 a:link 和 a:visited 之后，并且 a:active 必须在 a:hover 之后更多详细信息请参阅下面的链接..

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

Answer 4

FWIW，我无法在没有声明背景的情况下仅color在（Chrome/FF）上进行样式设置（除了或似乎有效的任何东西，我用于alpha 的缘故）。a:visited:hover:link:hovernoneinheritrgba()

为此在 Chrome/FF 中工作：

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

...（类似）这必须存在：

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