用这个jQuery动画菜单悬停超链接

Question

我目前正在进行我的考试项目，我有这个动态的jQuery导航。

我想将文本颜色设为白色，无论是当我将鼠标悬停在其本身上时，还是当我将光标悬停在菜单图标上时，当您将鼠标悬停于<li>元素上时，都会显示该图标。

我已经尝试了所有的方法，但还没有找到解决方案

演示

样式表

示例：如果您将鼠标悬停在Forside（文本为白色）上，然后将鼠标悬停于白宫图标上，您将看到文本从白色变为黑色。我希望它保持白色。注意：别介意糟糕的颜色或布局，哈哈，现在我只是专注于菜单。

有人能解决这个问题吗？

提前谢谢。

Answer 1

上面的答案确实有效：

李：悬停在｛color:white！important；｝上

您还可以用一个类为"target"的div包围锚标记，然后使用jQuery以编程方式设置一个类，该类的color属性设置为white:

$('.target').hover(function(){
$(this).children(':first-child').toggleClass('className');
}, function(){
$(this).children(':first-child').toggleClass('className');
});

类似的。。。但是CSS方式要简单得多：）

Answer 2

哇，我没想到这是一项如此艰巨的任务。以下可能不是一个优雅的解决方案，但它是有效的：

li:hover a { color: white !important; }