嵌套子菜單導航欄突出顯示

我想創建一個嵌套菜單。我這裏有一個的jsfiddle：嵌套子菜單導航欄突出顯示

<div id=menu> 
    <a class=optie href="#">Nieuws</a> 
    <a class=optie href="#">Acties</a> 
    <a class=optie href="#">Over ons</a> 
    <a class=optie href="#">Webshop</a> 
    <span class=optie> 
    Webshop 
    <span class=submenu> 
     <a class=suboptie href="#">Producten</a> 
     <a class=suboptie href="#">Winkelwagen</a> 
     <a class=suboptie href="#">Afrekenen></a> 
    </span> 
    </span> 
</div>

https://jsfiddle.net/9p202jt6/

基本上當我懸停在菜單中的一個項目，我希望它突出顯示。不管它是文本還是鏈接。

的問題是，我似乎無法適當地改變背景漸變色和文本顏色，而我懸停在一個項目...

任何幫助表示讚賞。

來源

2016-02-20 John Smith

[答案]（https://jsfiddle.net/eb8k0tbo/1/）。這是你期望的嗎？ –

@PankitKapadia是的，我不得不改變我發佈的代碼中的東西。你能解釋我做錯了什麼嗎？發佈它作爲答案，以便我可以接受它 –

從CSS刪除下面的代碼：

.optie:hover a { 
    color: rgb(56,56,56); 
}

如將應用在所有<a>標籤下.optie類徘徊時。

Solution

來源

2016-02-20 18:02:02

嵌套子菜單導航欄突出顯示

回答

相關問題