Question

.list_td:nth-child(even) {
    background:rgba(0,0,0,0.04);
}

.overlay {
    background:rgba(240,0,92,0.4);
    color:#530724;
}

<td class="list_td overlay"></td>

如何在不使用overlay的情况下否决list_td:nth-child !important

Answer 1

使规则更具体：

.list_td.overlay {
    background: rgba(240, 0, 92, 0.4);
    color: #530724;
}

在这种情况下，两个类的组合将具有与类+伪类（.list_td:nth-child）相同的特异性，但是在它之后，将使.list_td.overlay更重要。

了解"CSS Specificity"和选择器权重。

Answer 2

试试这个

.list_td.overlay {
    background:rgba(240,0,92,0.4);
    color:#530724;
}

工作演示http://jsfiddle.net/qw10hwc6/1/

与nth-child取代的元素

2 个答案: