第 n 个孩子 - CSS

在 CSS 中，我们可以使用 :nth-child() 伪类来选择一个元素的第 n 个子元素。这个伪类接受一个参数，可以是一个整数、关键字 odd（奇数）或 even（偶数），也可以是一个公式。

下面是一些示例：

/* 选择第二个子元素 */
:nth-child(2) {
  /* 样式 */
}

/* 选择第三个及其之后的所有子元素 */
:nth-child(n+3) {
  /* 样式 */
}

/* 选择所有偶数子元素 */
:nth-child(even) {
  /* 样式 */
}

需要注意的是，:nth-child() 伪类选择的是元素的实际位置，而不是它们的类名或 ID。这意味着，如果你需要选择某个具有特定类名的子元素，不能简单地使用 :nth-child() 伪类，而需要结合其他选择器来实现。

另外，需要注意的是，IE8 及更早版本不支持 :nth-child() 伪类，但支持 :first-child 和 :last-child 伪类。

总之，:nth-child() 伪类是一个非常常用的选择器，对于一些特殊的排版需求非常有用。