2013-08-21 73 views
0

我希望有人能幫助我。 Here is a site我想要建造。如何更改主菜單項的<a>的顏色,當子菜單項懸停時

當我進入子菜單時,我希望菜單保持藍色。我成功了。它保持藍色感謝這個代碼:

nav li.active.parent > a, nav li:hover > a { 
background-image: url(http://horyzon.de/images/images/navbg.png); 
} 

但我不能讓文字留下#FFF,只要鼠標進入子菜單。 任何人都可以爲此製作解決方案嗎?千預先提前致謝。

這張截圖說明我的意思:

+0

你應該爲此發佈一個小提琴。 http://www.jsfiddle.net –

回答

1

因爲我還沒有真正看到你的標記,(沒有進攻,但我沒有訪問您的網站去尋找我可以在這裏失去了一些東西它),但你可以更新你的CSS是這樣的:

nav li.active.parent > a, nav li:hover > a { 
    background-image: url(http://horyzon.de/images/images/navbg.png); 
    color: #FFF; 
} 
+0

非常感謝。這是解決方案。 說實話。我已經嘗試過「color:#fff!important;」但由於一些無法解釋的原因,它不起作用。現在我把代碼清理乾淨了,突然它就起作用了。很奇怪 –

+0

好,很高興它的工作! –

0

你也可以試試這個:

nav li:hover a, 
nav li:hover a span { 
    color: #fff; 
} 

我希望這有助於。你想遠離「太」具體,比如nav.main-nav li.parent > a.active

你想要像這樣更模塊化:nav li:hover a;但是,我有時可能會明白它不起作用,所以您需要查看它在修改之前的行爲。

然後再一次,這取決於情況。

相關問題