爲什麼我無法更改活動導航元素的背景？

Question

我試圖讓我的活動導航選項卡的背景顏色變爲白色，而活動超鏈接文本應該同時變爲黑色。這種情況下的「活動」意味着用戶所在的當前頁面。

要做到這一點我使用jQuery添加類.selected

$(document).ready(function() { 
    $('.navbar a').each(function (index) { 
     if (this.href.trim() == window.location) $(this).addClass("selected"); 
    }); 
}); 

目前對於沒有.selected類的每個導航元素的CSS是：

.navbar a { 
    color:#FFFFFF; 
    padding:10px 10px 0 10px; 
    margin-left:5px; 
    margin-right:5px; 
    background-color:#404040; 
    border-radius: 10px 10px 0 0; 
} 

和CSS對於選定的類是：

.selected { 
    background-color: #FFFFFF; 
    color:#404040; 
} 

但是，它不工作。

這是我的jsfiddle。

http://jsfiddle.net/m9YfG/1/

Answer 1

添加更多的重量/特異性選擇：

.navbar a.selected { background-color: #FFFFFF; } 

或者，添加!important指令：

.selected { background-color: #FFFFFF!important; }