CSS3 :nth-child()选择器有什么用

CSS3 :nth-child()选择器用于选择指定父元素下的特定位置的子元素。它允许你根据位置选择子元素，并且可以与其他选择器组合使用。

该选择器使用一个参数n来匹配位置，可以是一个具体的数字，也可以是关键字odd（奇数）或even（偶数）。它选择父元素下所有满足条件的子元素。

例如，使用:nth-child(2n)选择器可以选择父元素下索引为偶数的子元素，而:nth-child(2n+1)选择器可以选择索引为奇数的子元素。

下面是一些:nth-child()选择器的示例：

:nth-child(1) - 选择父元素下的第一个子元素

:nth-child(2n) - 选择父元素下的偶数位置的子元素

:nth-child(2n+1) - 选择父元素下的奇数位置的子元素

:nth-child(3n+1) - 选择父元素下每3个子元素中的第一个子元素

:nth-child(odd) - 选择父元素下的奇数位置的子元素

:nth-child(even) - 选择父元素下的偶数位置的子元素

使用:nth-child()选择器可以实现一些常见的样式需求，例如在表格中隔行变色、选择特定位置的元素等。它是CSS3中非常有用的选择器之一。