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

Question

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

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

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

似乎有问题

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

使用 cufon 文本和选择器（例如 -当鼠标离开 li 的悬停区域时，cufon 文本不会恢复为原始颜色）

。知道为什么吗？

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

Answer 1

马金为我指明了正确的方向，如果我能再次投票支持他的答案，我会的。

我真的应该先阅读说明 - 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 }
});