在表格中的相交单元格上设置背景颜色

Question

基本上，我正在使用CSS在表格中设置第n行和列的背景。是否可以将交叉单元格设计成不同的颜色？

我有以下用于设置表格行和列的样式的CSS：

table.stats tbody tr:nth-child(even) {
    background: #e4eae3; 
}
table.stats tr td:nth-child(even), table.stats tr th:nth-child(even) {
    background: #ccddbb; 
}

最糟糕的情况是，我可以相应地将类设置为服务器端代码中的单个单元格并设置样式...

Answer 1

您可以尝试使用选择器更具体一些。您正在更改所需的每个列以及所需的每一行，而您只需要在单元格中设置列。例如，像：

table.stats tbody tr:nth-child(even) td:nth-child(even) { ... }