Css 悬停在父元素上的Cufon

这就是我所拥有的：

我在.nav项中的a元素上应用了Cufon

Cufon.replace('.nav-item a', {fontFamily: 'Yanone Kaffeesatz',
                                    hover:true,
                                    hoverables: { li:true }
                                    });

这是我菜单里的东西

<li class="nav-item"><a href="./">HOME</a></li>

显然，我希望css悬停能够工作。我知道它不会在这种状态下工作，因为Cufon将刷新绑定到了a元素，而不是整个父元素（从css绑定）。但是，如果我将css应用于.nav项a，则悬停将起作用，但仅适用于菜单元素的部分

此外，我还尝试在.nav项上应用Cufon，但没有a，悬停可以工作，但一些Cufon会在不需要的情况下绘制一些奇怪的空白

那么，元素是否也可以像hoverables:{parent:true}那样从父元素接收悬停事件呢

---

谢谢

这似乎与预期一样有效：

JS:

CSS:

---

当然可以，但问题是我希望背景也发生变化，即在.nav项上。。好的，如果没有办法绑定Cufon来收听父悬停，我将在a元素上添加背景，谢谢！此CSS是对样式的补充。不是替代品。保持BG在悬停时更改的声明不变，它应该可以工作。通常，样式和悬停效果应该应用于绑定了单击行为的元素。在您的例子中，元素。对用户体验来说，在父级

上具有悬停效果，但只能单击，这是一个小麻烦。当然，总有例外。

.nav-item{
     color: #a8956c;
     background-color:#fff;
     cursor:pointer;

    white-space:nowrap;
}   
.nav-item:hover{
     color: #fff;
     background-color:#a8956c;

}

Cufon.replace('.nav-item a', { fontFamily: 'Yanone Kaffeesatz', hover: true });

.nav-item a {
    color: #a8956c;
}

.nav-item a:hover {
    color: #fff;
}