0

私はこのようなマークアップを持っています

<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 がアクティブ化されると、アクティブなクラスが 1 つ追加され、背景画像desciption_tabが変更されます。それで、誰かがこの問題を解決する方法を教えてもらえますか?

** アップデート **

reviews_tab は、1 つがクリックされるアクティブなクラスも追加することに注意してください。

4

1 に答える 1

2

何かのようなもの：

.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

于 2013-06-20T09:21:41.907 に答える