Nth-child()选择器

来自三线的随记

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

type1

使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值

such as: 下标是 3 的倍数的所有 p 元素 -> p:nth-child(3n+0)

type2

/*【负方向范围】选择第1个到第6个 */

:nth-child(-n+6)

type3

/*【正方向范围】选择从第6个开始的 */

:nth-child(n+6)

type4

/*【限制范围】选择第6个到第9个,取两者的交集*/

:nth-child(-n+9):nth-child(n+6){}

reference: https://blog.csdn.net/weixin_39015132/article/details/82015012