2013-10-20 49 views
2

我是一個超級菜單,當父級菜單懸停在子菜單上時,我想讓父菜單的顏色變爲紅色/綠色。在下拉菜單上使父錨鏈接顏色發生變化

現在我想這沒有工作,可能是我做錯了什麼

http://jsfiddle.net/5eecT/13/

這並不幾件事情似乎工作

.nav > li > a:hover .dropdown { 
    padding:6px 12px 9px 12px; 
    color:#444; 
    display:block; 
    text-align:center; 
    border-left:0px solid #444; 
    border-right:0px solid #444; 
    border-top:0px solid #444; 
    text-decoration:none; 
    color:#028F41; 
    background-color:yellow; 
} 

UPDATE:

這確實招對我來說

.nav > li:hover > a 
{ 
     /*background:#028F41;*/ 
    text-decoration:none; 
    color:#028F41; 
} 
+0

你想在CSS或JS的解決方案? –

+0

我用'.nav> li把它關掉:hover> a {*} background:#028F41; */ text-decoration:none; 顏色:#028F41; }' – Learning

+0

顯示JSFiddle!我很想看看你想要什麼 –

回答

5

我只是做:http://jsfiddle.net/5eecT/17/

我改變了這種代碼:

.nav li:hover > a { 
    color:#f00; 
    transition: 0.1s color ease; 
} 

,如果用戶將鼠標懸停在子菜單項中的一個它基本上改變了父菜單的鏈接的顏色#f00

這是你需要的嗎?

+0

裏克佩克,我設法拉它關閉,因爲你回覆是正確的,所以我將它標記爲正確的答案。 – Learning

+0

感謝哥們!無論哪種方式,它將很高興看到您的JSFiddle –

+0

這裏是http://jsfiddle.net/5eecT/18/。無論哪種方式都工作.. – Learning