basic css li只對某些元素有效

Question

我有兩個HTML列表，我需要一個選擇我的「活動」類，另一個忽略它。

這裏是我的CSS，我展示的圖像「圖標plus.gif」，當用戶點擊李的形象改變爲「圖標minus.gif」

li:before {content: url("icon-plus.gif");} 
    li.active:before {content: url("icon-minus.gif");} 

然後，我有兩個列表和所有李顯示圖像「icon-plus.gif」當我點擊圖像變化。

<ul> 
    <li>Coffee</li> 
    <li>Milk</li> 
</ul> 

<ul> 
    <li>Bread</li> 
    <li>Apples</li> 
</ul> 

都顯示圖像！真搞不懂爲什麼，我知道這是有李裏面的類：

<ul> 
    <li class"active">Coffee</li> 
    <li class"active">Milk</li> 
</ul> 

代碼從internet.Thanks

Answer 1

的JavaScript的onclick（）事件和jQuery的CSS操縱可以幫助你下載。這裏是一個有用的鏈接：

http://api.jquery.com/category/css/

Answer 2

使用jQuery：

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
$("li").click(function() { 
    // Remove active class from all li elements 
    $("li").removeClass("active"); 
    // add the active class to your clicked on element 
    $(this).addClass("active"); 
}); 
</script>