2017-07-07 46 views
-1

因为我在为这个页面的链接样式工作component-header我注意到悬停事件没有触发。然后,我以隐身模式打开了页面,链接:hover样式呈现。单击链接时是否应禁用悬停事件?

因此,浏览器(包括Chrome和Firefox)都会记住您已经访问过某个链接(不管它是否为新标签),并且之后浏览器不会触发悬停事件。

我在期待那个事件被触发,而不管链接是否被访问过。我确实希望:visited风格在链接被访问后显示,但如果鼠标悬停,我自然会期望触发:hover风格。

我为Chrome提出了一个bug report为此,我只是想知道我是否应该跟进或者目前的行为是否有很好的理由?

似乎我们不应该记住伪选择器的正确顺序,尽管@kapreski提供的巧妙提示使其非常容易。

回答

1

在访问:visited规则后,将覆盖:hover规则,如果:hover位于“:visited”之前。

:hover在任何情况下都适用,如果它在css文件中的:visited规则之后,或者:hover!important子句。

+0

啊 - 源顺序依赖 - 好眼睛 - 谢谢。我更新了组件的设计,并在点击现在之前和之后渲染。 – Ole

1

只是一个提示添加到接受的答案,让记忆四个选择的顺序更容易一点,只是觉得“爱(LV)恨(HA)”

a:link 
    a:visited 
    a:hover 
    a:active