在css或javascript中为表的行和列设置备用颜色

我也试过使用下面的代码。这对这个案子不起作用

交替行 请看区别：我们在

tr

上使用的是

奇数

和

偶数

，而不是

td

：

table>tbody>tr:n个孩子（奇数）>td{
背景色：#eee；
}
表>tbody>tr:n个孩子（偶数）>td{
背景色：#ccc；
}

. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . . 
. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . .

交替行 请看区别：我们在

tr

上使用的是

奇数

和

偶数

，而不是

td

：

table>tbody>tr:n个孩子（奇数）>td{
背景色：#eee；
}
表>tbody>tr:n个孩子（偶数）>td{
背景色：#ccc；
}

. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . . 
. . . . .. . . . .. . . . .
. . . . .. . . . .. . . . .

您的列

css

已覆盖行

css

。因此，将

奇数

行和

偶数

行分别更改如下

table>tbody>tr:n个子项（奇数）{
背景色：#F7F7F7！重要；
}
表>tbody>tr:n子项（偶数）{
背景色：#FFF！重要；
}
表>tbody>tr:n个孩子（奇数）>td:n个孩子（奇数）{
背景色：#F2F2！重要；
}
表>tbody>tr:n个子项（奇数）>td:n个子项（偶数）{
背景色：#F7F7F7；
}
表>tbody>tr:n个子项（偶数）>td:n个子项（奇数）{
背景色：#FFF！重要；
}
表>tbody>tr:n个孩子（偶数）>td:n个孩子（偶数）{
背景色：#F2F2；
}

第1行第1列
第1行第2列
第1行第3列
第2行第1列
第2行第2列
第2行第3列
第3行第1列
第3行第2列
第3行第3列
第4行第1列
第4行第2列
第4行第3列

您的列

css

已覆盖行

css

。因此，将

奇数

行和

偶数

行分别更改如下

table>tbody>tr:n个子项（奇数）{
背景色：#F7F7F7！重要；
}
表>tbody>tr:n子项（偶数）{
背景色：#FFF！重要；
}
表>tbody>tr:n个孩子（奇数）>td:n个孩子（奇数）{
背景色：#F2F2！重要；
}
表>tbody>tr:n个子项（奇数）>td:n个子项（偶数）{
背景色：#F7F7F7；
}
表>tbody>tr:n个子项（偶数）>td:n个子项（奇数）{
背景色：#FFF！重要；
}
表>tbody>tr:n个孩子（偶数）>td:n个孩子（偶数）{
背景色：#F2F2；
}

第1行第1列
第1行第2列
第1行第3列
第2行第1列
第2行第2列
第2行第3列
第3行第1列
第3行第2列
第3行第3列
第4行第1列
第4行第2列
第4行第3列

你能添加你的标记吗？用它发布你的代码的可能的副本将更有助于解决你的代码问题。你能添加你的标记吗？用它发布你的代码的可能的副本将更有助于解决你的代码问题。

table>tbody>tr>td:nth-child(odd){
    background-color: #F2F2F2;
}
table>tbody>tr:nth-child(odd){
    background-color: #FFF !important;
}
table>tbody>tr>td:nth-child(even){
    background-color: #F7F7F7;
}