2

我有一个 Jquery 方法，它添加一个带有 的类，它假设当您单击 div 时addClass()添加一个名为“”的类。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 回答