:nth-child是CSS选择器,用于根据元素在父容器中的 位置顺序 (按DOM树中的出现顺序)匹配目标元素,不依赖元素类型或类名。它通过参数指定匹配规则:如 :nth-child(3) 匹配父元素中第3个子元素, :nth-child(2n) 匹配偶数位置子元素(等价于 :nth-child(even) ), :nth-child(2n+1) 匹配奇数位置(等价于 :nth-child(odd) ),还支持 nth-child(3n+1) 等自定义间隔规则。
CSS 拥有很多选择器,其中伪类选择器是 CSS3 中心加入的,:nth-child 是众多伪类选择器中的一个,也是用法和变化最多的一种选择…