我的CSS類沒有踢，使用JQuery toggleClass

Question

好吧，所以我基本上有這個列表。我想要做的只是使用toggleClass突出顯示列表中的項目。

<div class="listbox"> 
    <ul> 
     <li>111</li> 
     <li>222</li> 
     <li>333</li> 
     <li>444</li> 
     <li>555</li> 
    </ul> 
</div> 


<script type="text/javascript"> 
    $('#container .listbox li').click(function() { 

     $(this).toggleClass('highlight'); 

    }); 
</script> 

CSS：

div.listbox ul li{ 
    background: #eee; 
    padding: 15px 20px; 
    border-bottom: 1px solid #999; 
    border-top: 1px solid #fff;} 

HEAD：

<style type="text/css"> 
    .highlight{ 
     background: #aaa; 
     padding: 20px 15px; 
     border-bottom: 1px solid #fff; 
     border-top: 1px solid #999;} 
</style> 

的問題是，如果我指定的的CSS-doc的CSS屬性，我不能修改與新班級的價值。

我試着把它放在styleattributes的上面和下面，如下圖所示，在頭部區域。

點擊時，js添加類和所有類，但是任何預定義的值都不會改變。

Answer 1

嘗試增加類specificity類似：！

div.listbox ul li.highlight {