无法为奇数行和偶数行设置单独的颜色

Question

在这里，我尝试使用ngx-datatable显示动态生成的表，但我尝试显示的是奇数行，我想显示一种颜色，偶数行，我尝试应用第n个元素＆

body .datatable-body-row .datatable-row-even {
    background: orange;
}



body datatable-body-row .datatable-row-odd {
    background: aqua;
   } 



   .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
    background-color: red;
}

我尝试了所有这些方法来为奇数或偶数行设置行颜色，但是这些样式没有应用

Answer 1

尝试直接使用类名称，如下所示应该可以：

.datatable-row-even {
    background-color: red;
}

.datatable-row-odd {
    background-color: blue;
} 

对我有用：Stackblitz Demo

Answer 2

也可以在纯CSS中实现，而无需用其他类标记行

.datatable-row-wrapper:nth-child(2n){
    background-color: red;
}

.datatable-row-wrapper:nth-child(2n+1){
    background-color: blue;
}