表格css :nth-child() 伪类的示例

当我们需要对表格中的某一列或某一行进行样式设置时，可以使用表格CSS中的:nth-child()伪类。这里提供一些示例：

1. 对表格中的奇数行进行背景色设置：

tr:nth-child(odd) {
  background-color: #f2f2f2;
}

2. 对表格中的第一列进行文字居中设置：

td:nth-child(1) {
  text-align: center;
}

3. 对表格中的最后一列设置宽度：

td:last-child {
  width: 100px;
}

4. 对表格中的第三列设置字体颜色：

td:nth-child(3) {
  color: #ff0000;
}

5. 对表格中的第四行设置背景色和字体颜色：

tr:nth-child(4) {
  background-color: #ffff00;
  color: #0000ff;
}