编写某种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 {...}

最佳答案

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

关于css - :hover {}在壁虎中的优先级,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5281233/

10-13 02:45