理解nth-of-type()与nth-child()的区别

  • :nth-child(n)选择器,该选择器选取父元素的第n 个子元素,不论元素的类型

  • :nth-of-type(n)选择器,选择器选取父元素的第 n 个指定类型的子元素。

这是标题

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。

1, p:nth-child(3n+1) 包含

这是标题


2, p:nth-of-type(3n+1) 不包含

这是标题

,只选择p元素

使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。
oddeven 是可用于匹配下标是奇数偶数的子元素的关键词(第一个子元素的下标是 1

你可能感兴趣的:(理解nth-of-type()与nth-child()的区别)