: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）
css中的:nth-child(n)和:nth-of-type(n)的区别
nth-child和nth-of-type区别 上面示例中,nth-child会在B的同级元素节点中寻找符合的元素...
nth-child和nth-of-type这两个伪类的区别 例如下题： 理解了这两个伪类的区别之后这个题就很简单了...
:nth-child(n)选择器，该选择器选取父元素的第n 个子元素，不论元素的类型。 :nth-of-type(...
此篇的由来 nth-child(n)与nth-of-type(n)好像在平时使用中并没有太大的区别，至少我之前是这...
2018-01-17更新nth-of-type(n)，以及和nth-child(n)的区别 属性选择器 部分属性选...
nth-child and :nth-of-type 区别 在写网页的时候，有时候需要对子元素区分，比如只修改第N...
百度 一、辨析nth-child()和nth-of-type() p:nth-child(2)的含义：①该标签是其...
css3: 1、选择器：nth-child（）、nth-of-type（）、：checked、：disabled ...
:nth-child和:nth-of-type都是CSS3中的伪类选择器，两者作用类似,但仍有部分区别. 举个例子...
本文标题：理解nth-of-type（）与nth-child（）的区别
本文链接：https://www.haomeiwen.com/subject/gscfsctx.html
网友评论