如何更改活動導航頁面菜單的顏色

因此，我發現線程CSS: How to change colour of active navigation page menu，並試圖做到這一點，但沒有成功。如何更改活動導航頁面菜單的顏色

這裏是我的菜單：

這裏是我的CSS：

/***************************/ 
/* Genral Navigation Rules */ 
/***************************/ 
#navMain { 
    text-align: center; 
    margin:-70px ; 
} 
#navMain ul { 
    margin: 0px auto; 
    padding:0px; 
} 

#navMain ul li { 
    margin: 0px auto; 
    padding:0px 20px; 
    list-style:none; 
    display:inline; 
} 

#navMain ul li a { 
    margin: 0px auto; 
    padding:0px; 
    color: #FFFFFF; 
    text-decoration:none; 
    font-weight:normal; 
    font-size: 19px; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-transform:uppercase; 
} 

#navMain ul li a:hover { 
    text-decoration:underline; 
    color: #EF7D50; 
} 
#current { 
    color: #EF7D50; 
} 
#current a{ 
    color: #EF7D50; 
}

這裏是爲了什麼我現在有一個jsfiddle。

來源

2013-05-29 user2432772

「_had no success_」你會澄清你的目標？你期望發生什麼，目前發生了什麼，以及你遇到什麼問題阻止你完成它？ –

您發佈的代碼似乎有效：http://jsfiddle.net/j08691/jTkvu/。 – j08691

你想加班嗎？ – DiederikEEn

如何

#navMain #current a{ 
    color: #EF7D50; 
}

的問題是，你的#navMain ul li a規則是更具體的比#current a所以它的優先級..

使用了兩個ID以上規則#navMain #current a使它更加具體和所以它得到應用..

來源

2013-05-29 14:13:35

如何更改活動導航頁面菜單的顏色

回答

相關問題