当列表项在活动时添加类时添加背景图像

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上的特定颜色，请执行

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

和

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

否则，如果您想设置all活动背景的样式：

.active { background-color:red; }

我在此示例中使用了background-color，但如果您想使用图片，则可以将其更改为background:url... etc。