當鼠標懸停在菜單項上時，更改菜單鏈接的背景顏色

Question

編輯：爲了澄清，我希望在將鼠標懸停在菜單框上而不是鏈接上時更改鏈接顏色。當我將鼠標懸停在其上時，鏈接顏色已經改變。

我可以用截圖更好地解釋我的問題。光標未顯示在其中。我只有主菜單標題鏈接到目前爲止。

這是菜單的樣子正常：

這是我希望它看起來像所有的時間將鼠標懸停在標題時：

正如你所看到的下面，當我將鼠標懸停在該標題框上時，「主菜單」文本消失。只有當我將鼠標懸停在文本上時纔會出現。在這個圖像中，我把光標放在主菜單框的右下角。在下一張圖片中，它懸停在文字上。只是指出顯而易見的我想。

我在盤旋時，設置爲黑色默認和白色的鏈接所有文本的顏色。 我把菜單標題的背景色設置爲黑色時，將鼠標懸停在它們上面。這是問題發生的地方。

有沒有辦法將鏈接中的文本顏色設置爲在標題框懸停時變爲白色，而不僅僅是當實際文本懸停時？

a{ 
    color: #000; 
    text-decoration: none; 
} 
a:hover { 
    color: #fff; 
} 

ul li:hover { 
    background: #000; 
    color: #fff; 
} 

Answer 1

你應該能夠做這樣的事情：

ul li:hover a { 
    color: #fff; 
} 

這個目標菜單項裏面的鏈接，當你將鼠標懸停在列表項。

Answer 2

爲你的菜單項添加一個類menu_item，並添加css。

.menu_item:hover {background-color:#000; color:#fff;}