css - 未设置CSS类的地方

此类创建具有成对交替行颜色的表（两个灰色，两个白色等）：

.table-striped-two-rows tbody tr:nth-child(4n+1), tbody tr:nth-child(4n+2) {
    background-color: rgba(0, 0, 0, 0.05);
}

问题在于它也会影响没有class="table-striped-two-rows"的表。

如何在类中仅包含表格的样式？

最佳答案

您还需要为4n + 2行指定祖先，以限制选择器的范围

.table-striped-two-rows tbody tr:nth-child(4n+1),
.table-striped-two-rows tbody tr:nth-child(4n+2) {
    background-color: rgba(0, 0, 0, 0.05);
}

关于css - 未设置CSS类的地方，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57270438/