css table 奇数

laobai 6个月前 139浏览 0评论

CSS表格奇数行样式:

在CSS中,表格的奇数行可以使用选择符“:nth-child(odd)”来设定样式。以下是一段简单的CSS代码:

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

上述代码中,“table tr”表示选中表格中的所有行,而“:nth-child(odd)”则表示选中表格中的奇数行,将这些行的背景颜色设定为灰色(#f2f2f2)。

值得注意的是,表格中的行数是从1开始计算的,所以第一行也是奇数行。如果要设定偶数行样式,可以使用“:nth-child(even)”选择符。

此外,使用选择符“:nth-of-type(odd)”也可以达到同样的效果。但是需要注意的是,此选择符选中的是同类型元素中的奇数个元素,而不是表格中的奇数行。