CSS:返回后悬停状态保持活动状态(Firefox)

CSS:返回后悬停状态保持活动状态(Firefox),css,firefox,webkit,hover,back,Css,Firefox,Webkit,Hover,Back,我尝试对链接应用两种不同的样式:悬停在上方时和未悬停时。虽然这在Chrome和Opera中非常有效,但当我在Firefox或Midori中跟踪链接,然后单击导航栏中的“后退”按钮返回时,链接仍然看起来像被悬停在上方。一旦我将光标移回网站的任何部分,它就会恢复正常 这是一种与webkit相关的行为吗?有没有办法避免这种行为 编辑: 我发现了一个Mozilla官方的下拉菜单演示(这就是我实际上要做的),它有着完全相同的问题: 单击菜单选项然后返回时,在鼠标悬停在站点上方之前,打开前的子菜单仍然打开。

我尝试对链接应用两种不同的样式:悬停在上方时和未悬停时。虽然这在Chrome和Opera中非常有效,但当我在Firefox或Midori中跟踪链接,然后单击导航栏中的“后退”按钮返回时,链接仍然看起来像被悬停在上方。一旦我将光标移回网站的任何部分,它就会恢复正常

这是一种与webkit相关的行为吗?有没有办法避免这种行为

编辑:

我发现了一个Mozilla官方的下拉菜单演示(这就是我实际上要做的),它有着完全相同的问题:


单击菜单选项然后返回时,在鼠标悬停在站点上方之前,打开前的子菜单仍然打开。

遵循LOVEHATE规则。LOVEHATE是一种帮助记忆链接、访问、悬停和活动的记忆技术。您的样式应始终规定这些链接状态中的每一个,并且始终按照此特定顺序。例如:

a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #999;}
a:active {color: #333;}

Mozilla演示没有功能链接,因此很难重现您所说的场景。我建议在JSFIDLE或类似的工具中快速组合一些东西,以便这里的好人能够更好地提供帮助?Smt是这样的:如果有帮助,请告诉我。谢谢