更改偶数行

Question

我在asp.net mvc应用程序中使用https://datatables.net/个表格＆amp;想要改变偶数行的背景颜色但仅限于第一列。

样式也应仅适用于桌面，而不适用于桌面。

我有下面的CSS，但它改变整行的偶数行的背景颜色，如何才能将它仅应用于偶数行的第一列？

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #e0f0ff;    
}

Answer 1

  

你回答：

.table-striped > tbody > tr:nth-of-type(even) td:first-child{background-color: #e0f0ff;    } 

Answer 2

您可以使用tr作为背景

而不是td

.table-striped > tbody > tr:nth-of-type(even) td:first-child {
    background-color: #e0f0ff;    
}

Answer 3

您可以使用“：first-child”。

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #e0f0ff;    
}
.table-striped > tbody > tr:nth-of-type(even) td:first-child {
    background-color: red;
}