悬停在父列表项上时更改链接颜色时的奇怪行为

Question

我的问题可以在这里看到 - http://jsfiddle.net/aBSyH/3/

我正在使用cufon文本替换，并认为这是问题的根源。

当您将鼠标悬停在列表项目内外时，链接的颜色应该会发生变化。但它表现得很奇怪。它有时会变回蓝色，但通常会保持红色。

使用cufon文本和像

这样的选择器似乎有问题

li.mainmenu:hover a {
    color:red;   
}

当鼠标离开li的悬停区域时，cufon文本不会恢复为原始颜色。

知道为什么吗？

我更愿意在不添加任何javascript的情况下修复此问题（除了查找cufon初始化代码之外）。

Answer 1

This post解释了您的问题。在你的情况下

    Cufon.replace('li>a>li', {        
          hover: true
    });

解决了这个问题。

Answer 2

Marjin指出我正确的方向，如果我能再次投票他的回答我会。

我真的应该阅读开头的说明 - https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10

这就是我修复它的方法 -

Cufon.replace('ul#onesite_navigation > li', {
    hover: true,
    hoverables: { li: true },
    ignore: { ul: true },
    textless: { li: true }
});