Javascript 库丰困惑与悬停

我现在正在把我的头发拔出来，因为Cufon要么在玩，要么我的想法太复杂了。我有一个span链接类，其中包含文本。悬停状态下，跨距内字体的颜色应改变

Cufon.replace('.info-grid a span', { fontFamily: 'Vegur', hover: true, color: 'white', hoverables: { a: true, span: true } });

使用上述代码，当您打开站点时，字体为白色。我假设这是因为上面的代码实际上没有设置悬停状态，但是我如何设置它呢？我尝试设置.info网格a:hover span类，但没有成功

CSS

.info-grid a span {
    position: relative;
    left: 10px;
    top: 80px;
    font-size: 0.94em;
    line-height: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    color: #009FD4;
    background-color: #ffffff;
}
.info-grid a:hover span {
    color: #fff;
    background-color: #009FD4;
}

HTML

一线队
…为玩家提供额外的div

您可能想将

颜色设置为
的一部分：悬停
样式，对吗？在这种情况下，您应该将此规则放入
hover
属性中，如下所示：

Cufon.replace('.info-grid a span', { 
  fontFamily: 'Vegur', 
  hover: {
    color: 'white'
  },
  hoverables: { a: true, span: true } 
});

然而，有人说

Nesting :hover-enabled elements is unrecommended and may lead to unpredictable results.

。。。在我看来，这个通知应该在你的情况下被考虑。因此，最好仅依靠
：悬停
状态的
a
来更改颜色，并用以下代码替换代码：

Cufon.replace('.info-grid a', { 
  fontFamily: 'Vegur', 
  hover: {
    color: 'white'
  }
});

。。。默认情况下，
元素是“可悬停”的。
它不起作用。悬停时，背景应该是蓝色的，但文本不会变为白色，它仍然是#009FD4。编辑：在这种情况下，什么可以替代悬停元素？我只是要求它在悬停状态下更改颜色和背景色。我一直在环顾四周，其中一个主题似乎提到了Cufon.refresh的额外使用，但我如何在悬停状态下使用它？文档仅列出如何在页面加载时执行此操作。您是否也使用
Cufon.replace（'.info grid a'）
元素？或者这些元素的父元素？实际上没有，但是我在帖子中添加了HTML，让你知道发生了什么。好的，谢谢。如果您只是在
a
上进行替换（使用“.info grid a”），完全删除
hoverables
（=嵌套的：hover元素），会怎么样？
Cufon.replace('.info-grid a', { 
  fontFamily: 'Vegur', 
  hover: {
    color: 'white'
  }
});