写一些css hack,样式为:hover {}很有趣,但浏览器对完整链接VS哈希标记的处理方式不同a:hover
。
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 {...}
答案 0 :(得分:1)
我认为 a:已访问最终比:hover 更具体,因为它还有一个标记名...您的“#”链接可能不会被标记为访问?
答案 1 :(得分:0)
为什么不将css更改为
a:hover
答案 2 :(得分:0)
a, a:active, a:visited {color: #765; text-decoration: none;}
:hover, :visited:hover { color: #ff5e99; text-decoration:overline; background: #222}
感谢提示