组合active和hover伪选择器是否正确,如:active:hover.?

pni*_*ols 4 html css css-selectors

我在某个地方见过这个,但我找不到更多信息告诉我它是否正确:

.selector a:active:hover { color: #777; }
.selector a:hover:active { color: #777; }
Run Code Online (Sandbox Code Playgroud)

我不记得它是哪一个.

但无论哪种方式,Firefox似乎都不喜欢它并且什么都不做.

这是一个显示不良做法的教程的另一个例子.

Que*_*tin 8

两者都很好(相同).我刚刚在Firefox 4.0b6/Mac上测试过,它的运行方式与我预期的完全相同.在下面的示例中,当我指向它时,链接变为红色,而当我按住鼠标按钮时,链接变为绿色.

<!DOCTYPE HTML>
<title>Test</title>
<style>
a:hover { color: red; }
a:active { color: yellow; }
a:hover:active { color: green; }
</style>
<h1><a href="test">gggg</a></h1>
Run Code Online (Sandbox Code Playgroud)

使用鼠标激活时使用不同于键盘的链接的样式是不寻常的.

我怀疑你可能犯了一个经典错误.:active表示"在激活时(例如,当鼠标按钮被按下时)"而不是"当href属性的值解析为当前页面的URI时".

没有伪类意味着"当href属性的值解析为当前页面的URI时",因为经典模式是在发送之前向服务器上的锚点添加"当前"或"选定"类. HTML到客户端.