css nth偶数

在CSS中，有很多可以选择元素的方式，其中之一是使用伪类，其中最常用的是 :nth-child。使用 :nth-child 可以选择特定的元素，例如选择第一个元素、第四个元素等等。

而在 :nth-child 中，我们还可以使用 :nth-child(2n) 选择所有偶数元素。这种选择方式在实际开发中非常有用，可以用来显示相邻的元素不同的样式。

/* 选择所有偶数行并设置灰色背景色 */
tr:nth-child(2n) {
   background-color: #f2f2f2;
}

上面的代码将选择表格中的所有偶数行，并将它们的背景色设为灰色。通过这种方式，我们可以使表格更易于阅读。

除了表格外，我们还可以在其他元素上使用 :nth-child 来选择偶数元素。例如，我们可以使用下面的代码选择第 2 个和第 4 个段落：

/* 选择第2个和第4个段落 */
p:nth-child(2n) {
  color: blue;
}

上面的代码将选择第 2 个和第 4 个段落，并将它们的颜色设为蓝色。

在实际开发中，可以使用 :nth-child(2n) 来选择需要的偶数元素，使网页更加美观和易于阅读。