:nth-child

:nth-child是CSS选择器中的一个伪类，用于选中父元素的特定子元素。它的作用是根据给定的参数选择子元素。

引用\[1\]中提到，使用2n可以选中父元素的所有偶数项子元素，使用2n+1可以选中所有奇数项子元素。例如，使用.list > li:nth-child(2n + 1)可以选中父元素.list中的所有奇数项子元素，并将它们的颜色设置为红色。

引用\[2\]中提到，n的作用是连续向后选中子元素，b的作用是从第几个子元素开始。例如，.list > li:nth-child(n + 3)会选中父元素.list中的第三个子元素及之后的所有子元素，并将它们的颜色设置为#E6CC7E。同样地，.list > li:nth-child(-n + 3)也会选中父元素.list中的前三个子元素，并将它们的颜色设置为#E6CC7E。

引用\[3\]中提到，当括号里只写一个数字时，比如.list li:nth-child(2)，它的作用是选中父元素.list的第二个子元素li标签。如果父元素.list的第二个子元素不是li标签，则选择符失效。另外，nth-child(2n)可以选中父元素的所有偶数项子元素，而nth-child(2n+1)可以选中所有奇数项子元素。

综上所述，:nth-child是一个用于选择父元素的特定子元素的CSS伪类，可以根据给定的参数选择子元素。
#### 引用[.reference_title]
- *1* *2* *3* [CSS选择器（nth-child）](https://blog.csdn.net/web22050702/article/details/126090027)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]