Superfish 第一级：保持悬停属性

Question

问题： http://themeforward.com/demo2/

当我将鼠标悬停在一个菜单项上并开始将鼠标向下移动到子菜单时，父链接（即“模板”）会失去悬停时归属于它的属性。我希望它保持这些属性。我已经尝试了许多变体来实现这一点，但一直无法做到。我假设这是可以通过带有 Superfish 的 CSS 实现的，而且我只是使用了不正确的类。

我的CSS： http://snippi.com/s/hv7m288

Answer 1

这是因为悬停事件附加到<a>，但子菜单是<li> 的子菜单。因此，在<li> 上添加悬停将修复它。

编辑 这是一个小提琴http://jsfiddle.net/7kYF6/

我改变了这个

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color:#868E98!important;
    background:#3C4751
}

对此，它对我有用

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a {
    color:#868E98!important;
    background:#3C4751
}