Css 用第n个子元素否决元素 .list\u td:n个子项（偶数）{ 背景：rgba（0,0,0,0.04）； } .覆盖{ 背景：rgba（240,0,92,0.4）； 颜色：#530724； }

如何在不使用

的情况下覆盖
覆盖
列表\u td:n个子项
！重要信息
使规则更加具体：

.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>

在这种情况下，两个类的组合与class+伪类（
.list\u td:nth child
）具有相同的特殊性，但放在它之后，将使
.list\u td.overlay
更加重要

阅读和选择器权重。
使规则更加具体：

.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>

在这种情况下，两个类的组合与class+伪类（
.list\u td:nth child
）具有相同的特殊性，但放在它之后，将使
.list\u td.overlay
更加重要

阅读和选择器权重。
试试这个

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

正在工作的演示
试试这个

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

正在运行的演示
无法
.list\u td.overlay
正常工作？无法
.list\u td.overlay
正常工作？仅供参考：）编辑：刚刚看到您已经包含了一个指向Smashing杂志文章的链接，但仍保留此评论。第n个子元素不是伪类而不是伪元素吗？@vals您实际上是对的。更正。非常感谢。仅供参考：）编辑：刚刚看到您已经包含了一个指向Smashing杂志文章的链接，但仍保留此评论。第n个子元素不是伪类而不是伪元素吗？@vals您实际上是对的。更正。非常感谢。