添加背景圖像時，列表項將添加一個類時主動

Question

我有我的標記是這樣的

<ul class="tabs"> 
    <li class="description_tab active"> 
    <a href="#tab-description">Description</a> 
    </li> 

    <li class="reviews_tab"> 
    <a href="#tab-reviews">Reviews (0)</a> 
    </li> 
</ul> 

現在，在這裏你可以標記看到有

<li class="description_tab active"> 

這裏description_tab有背景圖。但是當description_tab被激活時，一個活動類已被添加，並且desciption_tab的背景圖像將被更改。那麼有人可以告訴我如何解決這個問題？

**更新**

記住reviews_tab也將添加類主動文是一個被點擊。

Answer 1

喜歡的東西：

.description_tab { background-color:blue } 

如果你想在.description-tab一個specifc顏色然後做

.description_tab.active { background-color:red; } 

而且

.reviews_tab.active { background-color:yellow; } 

否則，如果你想樣式all活躍的背景：

.active { background-color:red; } 

在這個例子中，我已經使用了background-color，但是如果您想改爲使用圖片，則可以將其更改爲background:url... etc。