Html 单击链接后是否应禁用悬停事件?
当我为这个页面设计链接样式时,我注意到悬停事件没有触发。然后我以匿名模式打开页面,链接Html 单击链接后是否应禁用悬停事件?,html,css,google-chrome,firefox,hover,Html,Css,Google Chrome,Firefox,Hover,当我为这个页面设计链接样式时,我注意到悬停事件没有触发。然后我以匿名模式打开页面,链接:hover样式呈现 因此,浏览器(Chrome和Firefox)记住,您访问了某个链接(无论它是否是新选项卡),之后浏览器不会触发悬停事件 我希望无论链接是否被访问,都会触发该事件。我确实希望在访问链接后显示:visted样式,但如果鼠标悬停,我自然希望触发:hover样式 我为此向Chrome提交了一份申请,我只是想知道我是否应该跟进,或者当前的行为是否有充分的理由 似乎我们不必记住伪选择器的正确顺序,尽管
:hover
样式呈现
因此,浏览器(Chrome和Firefox)记住,您访问了某个链接(无论它是否是新选项卡),之后浏览器不会触发悬停事件
我希望无论链接是否被访问,都会触发该事件。我确实希望在访问链接后显示:visted
样式,但如果鼠标悬停,我自然希望触发:hover
样式
我为此向Chrome提交了一份申请,我只是想知道我是否应该跟进,或者当前的行为是否有充分的理由
似乎我们不必记住伪选择器的正确顺序,尽管@kapreski提供的聪明提示使其变得非常简单。在访问后,如果
:hover
在“:visted”之前,则:visted
规则覆盖了:hover
规则
如果
:hover
出现在css文件中的:vised
规则之后,或者如果:hover
具有,则:hover
在任何情况下都有效!重要的
子句。为了给公认的答案增加一个提示,让记住四个选择器的顺序更容易一些,只要想想“爱(lv)恨(ha)”
啊-源订单相关-好眼力-谢谢。我更新了组件的设计,并在单击“现在”之前和之后进行渲染。
a:link
a:visited
a:hover
a:active