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

Question

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

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

当您将鼠标悬停在列表项及其内容之间时，链接的颜色应该会发生变化。但它的行为很奇怪。它有时会变回蓝色，但通常会保持红色。

使用 cufon 文本和像这样的选择器似乎有问题 -

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

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

知道为什么吗？

我更愿意在不添加任何 javascript 的情况下解决问题(除了修改 cufon 初始化代码)。

Answer 1

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 }
});