html - 当列表项激活时添加背景图片将添加一个类

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如果您想使用图像，可以将其更改为。