css-你不知道的nth-child

1、选择第几个元素

:nth-child(1) //选择第1个元素

2、选择奇数个元素

:nth-child(odd)
或者
:nth-child(2n-1)

3、选择偶数个元素

:nth-child(even)
或者
:nth-child(2n)

4、选择前10个元素

:nth-child(-n+10)

5、选择11-20个元素

:nth-child(-n+20):nth-child(n+11)

6、选择第20个元素之后的

:nth-child(n+21)