2

を使用してクラスを追加するJqueryメソッドがあります。divをクリックすると、 addClass()「」という名前のクラスが追加されると想定されていactiveます。

ファイアバグでクラス名「active」が追加されていることがわかるので、完全に機能します。

 <div class="rateWrapper L">
        <div class="upV rateBtn">
        </div>
        <div class="numV largeFont">
            5
        </div>
        <div class="dwnV rateBtn">
        </div>
    </div>

問題は、cssの変更が表示されないことです。

これは私のCSSです：

.wrapper .tutVWrapper .rateWrapper .upV .rateBtn .active{ background:url('../img/up_V_active.png');}
.wrapper .tutVWrapper .rateWrapper .numV{ font-weight: bold; margin-bottom: 15px; margin-top: 15px; text-align: center;}
.wrapper .tutVWrapper .rateWrapper .dwnV{ background:url('../img/dwn_V_none.png'); width: 20px; height: 20px; cursor: pointer;}
.wrapper .tutVWrapper .rateWrapper .dwnV .rateBtn .active{ background:url('../img/dwn_V_active.png'); }

どうすればこの漬物を解決できますか？ありがとう！

4

2 に答える 2

3

クラスを追加している要素はわかりませんがactive、HTMLから判断するrateBtnと、クラスとしても含まれている要素になります。

CSSは、の子要素にのみ適用されるようにスペースで区切られ.rateBtn .activeています。私はあなたが書きたかったと思います。.active.rateBtn.rateBtn.active

于 2012-06-23T14:43:05.077 に答える
2

両方のクラスが同じ要素に属している場合、CSSルールのクラス名の間にスペースはありません。スペースは「の子孫」を意味します。

たとえば.upv .rateBtn .active、.upv.rateBtn.active

于 2012-06-23T14:43:12.140 に答える