懸停超鏈接與此jQuery動畫菜單？

Question

我目前正在從事我的考試項目，我有這個animated jQuery navigation。

我想讓白色的文本顏色，當我把鼠標放在它自己上面，並且當鼠標放在菜單圖標上時，鼠標滑過<li>元素。

我已經嘗試了一切，但還沒有找到解決方案。

Demo

Stylesheet

例子：如果你有你的鼠標Forside（文字爲白色），然後把你的鼠標移到白宮圖標，你會看到文字從白色變爲黑色。我希望它保持白色。 注意：不要介意蹩腳的顏色或佈局，大聲笑，現在我只是專注於菜單。

任何人都有這個問題的解決方法嗎？

在此先感謝。

Answer 1

答案以上不工作：

李：一個懸停{顏色：白色重要;！ }

你也可以圍繞錨標記與一類的說，「目標」一格，然後瞄準使用jQuery的div來編程設置一類的顏色屬性設置爲白色：

$('.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; }