Question

有以下HTML：

<li class="tabs__item tabs__item_with_new_orders">123</li>

我想做以下几点：

Firebug告诉我这个类已成功应用：

.tabs__item:nth-child(4n+2) {
    background: none repeat scroll 0 0 #89c4bb;
}

我的课程在Firebug中划过！并且不应用来自“tabs _item_with_new_orders”的背景属性。我该如何解决？我可以使用“！important”属性来设置优先级，但我不想这样做。

Answer 1

使用

.tabs__item:nth-child(4n+2) {
    background: none repeat scroll 0 0 #89c4bb;
}

.tabs__item.tabs__item_with_new_orders {
    background: #000;
}

这样背景应该是黑色的，因为它会被覆盖。

Answer 2

避免在课堂和内容中使用下划线。为什么：