单击链接后是否应禁用悬停事件?

时间:2017-07-07 02:44:13

标签: html css google-chrome firefox hover

当我正在处理此页面的链接样式component-header时,我注意到悬停事件未触发。然后我以隐身模式打开了该页面,并且链接:hover样式呈现。

因此,浏览器(Chrome和Firefox)都记住您访问过某个链接(无论它是否是新标签页),之后浏览器不会触发悬停事件。

我期待无论链接是否被访问过,都会触发该事件。我确实希望在访问链接后显示:visited样式,但如果鼠标悬停,我自然会期望触发:hover样式。

我为Chrome提交了一个bug report,我只是想知道我是否应该跟进它,或者目前的行为是否有充分理由?

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

2 个答案:

答案 0 :(得分:1)

访问后,:visited规则会覆盖:hover规则,如果:hover位于":已访问"之前。

如果:hover位于css文件中的:visited规则之后,或者:hover具有!important子句,则kx.prototype.getPlacePredictions = function(a, b) { _.G("places_impl", (0, _.p)(function() { this.b.getPlacePredictions(a, b) }, this)) }; kx.prototype.getPredictions = kx.prototype.getPlacePredictions; 无效。

答案 1 :(得分:1)

只是为接受的答案添加一个提示,使得记住四个选择器的顺序更容易一些,只需要考虑"爱(lv)讨厌(ha)"

['1903–1910']