理解nth-of-type（）与nth-child（）的区别

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

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

<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>

1, p:nth-child(3n+1) 包含<h1>这是标题</h1>
2, p:nth-of-type(3n+1) 不包含<h1>这是标题</h1>，只选择p元素

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

odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）