:hover {}在gecko中的优先级

时间:2011-03-12 07:19:55

标签: css hash hover

写一些css hack,样式为:hover {}很有趣,但浏览器对完整链接VS哈希标记的处理方式不同a:hover

来自http://inqdrops.com/welcom/

a, a:active, a:visited { color: #765; text-decoration: none;}
:hover { color: #ff5e99; text-decoration:overline; background: #222}

对于此代码,

<a href='http://what.eva/'></a>上悬停,<a href='#whateva'></a>的行为方式不同。对于webkit和gecko,它们也有所不同。

有人可以解释发生了什么吗?

-
编辑解释说明

@babtek的回答指出了我正确的方向,解决方案是将css规则扩展到:hover, :visited:hover {...}

3 个答案:

答案 0 :(得分:1)

我认为 a:已访问最终比:hover 更具体,因为它还有一个标记名...您的“#”链接可能不会被标记为访问?

答案 1 :(得分:0)

为什么不将css更改为

a:hover

答案 2 :(得分:0)

如果有人感兴趣,我缺少的是css规则的顺序。加上伪:伪规则

a, a:active, a:visited {color: #765; text-decoration: none;}
:hover, :visited:hover { color: #ff5e99; text-decoration:overline; background: #222}

感谢提示