Question

我目前正在开展考试项目，我有animated jQuery navigation。

我想制作白色的文字颜色，当我将鼠标悬停在自身上时以及当鼠标悬停在鼠标悬停在<li>元素上时显示的菜单图标上时。 / p>

我已尝试过所有方法，但尚未找到解决方法。

Demo

Stylesheet

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

有人解决了这个问题吗？

提前致谢。

Answer 1

哇，我没想到这是一项艰巨的任务。以下可能不是一个优雅的解决方案，但它的工作原理：

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

Answer 2

上面的答案确实有效：

li：悬停一个{颜色：白色！重要; }

您还可以使用带有类“div”的div来包围锚标记，然后使用jQuery以div为目标设置一个颜色属性设置为白色的类：

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

类似的东西......但CSS方式更容易：）

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

2 个答案: