Question

我尝试将两种不同的样式应用于链接：悬停时，何时悬停。虽然这在Chrome和Opera中完美运行，但当我按照Firefox或Midori中的链接然后通过单击导航栏中的“后退”按钮返回时，链接仍然显示为悬停在上方。只要我将光标移回网站的任何部分，它就会恢复正常。

这是否与webkit相关，是否有任何方法可以避免它？

编辑：

我找到了一个官方Mozilla演示的下拉菜单（我正在尝试做的事情），它有完全相同的问题：https://mdn.mozillademos.org/files/3700/css_dropdown_menu.html

单击菜单选项然后返回时，之前打开的子菜单仍然打开，直到鼠标悬停在网站上。

Answer 1

遵循LOVEHATE规则。 LOVEHATE是一种帮助记住Link，Visited，Hover和Active的助记符技术。您的样式应始终规定这些链接状态中的每一个，并始终按此特定顺序。例如：

[
{
"path": "/conte/nt",
"title": "First",
"date": "January 14, 2015 8:59:57 PM EST"
},
{
"path": "/content/o",
"title": "Third Annual",
"date": "January 14, 2015 8:59:57 PM EST"
},
{
"path": "/co/en",
"title": "Motivating Factors",
"date": "January 14, 2015 8:59:57 PM EST"
 },
 {
"path": "/con/ent",
"title": "Meeting",
"description": "test",
"date": "January 14, 2015 8:59:57 PM EST",
"key": "xyz, abc"
}
]

CSS：hover状态在返回后保持活动状态（Firefox）

1 个答案: