如何在懸停時更改CSS中子菜單的顏色，但不更改父級菜單的顏色？

我有一個菜單，使用下拉腳本。問題是我想設置菜單，當我單獨懸停在父項上時，它會改變我已經成功完成的顏色，但是當我將鼠標懸停在子菜單上時，我不希望父級更改顏色，只是子菜單單獨。因爲每當我嘗試將鼠標懸停在子菜單上時，父菜單都會自動與我懸停的子菜單一起懸停。我認爲，因爲子菜單是家長的一部分。如何在懸停時更改CSS中子菜單的顏色，但不更改父級菜單的顏色？

是否有可能將懸停效果分開，以便在單獨懸停時父級菜單更改顏色，而在其子菜單懸停時不會更改？

非常感謝！

來源

2013-01-17 Ella

你忘記發佈您的代碼。說明你的問題的JSFiddle將吸引更多願意幫助你的人。 –

歡迎來到堆棧溢出。除了@SteveWellens所說的之外，請提供一些你試圖解決這個問題的例子。 –

你可以做的是這樣的：

parent:hover child{ 
    background: ??? 
}

，當你將鼠標懸停在家長只是給孩子的選擇

e.g的顏色：http://jsfiddle.net/WL3LY/

來源

2013-01-17 03:19:56 Chanckjh

@Ella有什麼意見？ – Chanckjh

我認爲他希望父母在孩子被徘徊時不要改變顏色 – Vic

是的，Vic是正確的。但是，我發現問題是什麼。我不把效果放在列表上，而是將效果放在列表中的鏈接上。謝謝！我將在下次發佈問題時發佈代碼！ :) – Ella

如何在懸停時更改CSS中子菜單的顏色，但不更改父級菜單的顏色？

回答

相關問題