单击链接时是否应禁用悬停事件?
问题描述:
因为我在为这个页面的链接样式工作component-header我注意到悬停事件没有触发。然后,我以隐身模式打开了页面,链接:hover
样式呈现。单击链接时是否应禁用悬停事件?
因此,浏览器(包括Chrome和Firefox)都会记住您已经访问过某个链接(不管它是否为新标签),并且之后浏览器不会触发悬停事件。
我在期待那个事件被触发,而不管链接是否被访问过。我确实希望:visited
风格在链接被访问后显示,但如果鼠标悬停,我自然会期望触发:hover
风格。
我为Chrome提出了一个bug report为此,我只是想知道我是否应该跟进或者目前的行为是否有很好的理由?
似乎我们不应该记住伪选择器的正确顺序,尽管@kapreski提供的巧妙提示使其非常容易。
答
在访问:visited
规则后,将覆盖:hover
规则,如果:hover
位于“:visited”之前。
:hover
在任何情况下都适用,如果它在css文件中的:visited
规则之后,或者:hover
有!important
子句。
答
只是一个提示添加到接受的答案,让记忆四个选择的顺序更容易一点,只是觉得“爱(LV)恨(HA)”
a:link
a:visited
a:hover
a:active
啊 - 源顺序依赖 - 好眼睛 - 谢谢。我更新了组件的设计,并在点击现在之前和之后渲染。 – Ole