Nth-child()选择器:修订间差异

来自三线的随记
无编辑摘要
无编辑摘要
 
(未显示同一用户的1个中间版本)
第23行: 第23行:
reference: https://blog.csdn.net/weixin_39015132/article/details/82015012
reference: https://blog.csdn.net/weixin_39015132/article/details/82015012


__NO__TOPIC__
__NOTOC__


[[分类:Html]]
[[分类:Html]]
[[分类:Css]]
[[分类:Css]]

2018年11月24日 (六) 18:12的最新版本

: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