Nth-child()选择器：修订间差异
来自三线的随记
（创建页面，内容为“<nowiki>:</nowiki>nth-child(''n'') 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 === type1 === 使用公式 (''an'' + ''b'')…”） |
小无编辑摘要 |
||
| （未显示同一用户的3个中间版本） | |||
| 第22行： | 第22行： | ||
reference: https://blog.csdn.net/weixin_39015132/article/details/82015012 | reference: https://blog.csdn.net/weixin_39015132/article/details/82015012 | ||
__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
