nth-child()和nth-of-type()的區(qū)別
nth-child()和nth-of-type()的區(qū)別在哪，效果都一樣啊
qq_慕用2213857
2019-03-27
4 回答
舉報(bào)
0/150
提交
取消
2020-04-02
你把“.foo p:nth-child(2){ color:red; }? 改成.foo:nth-child(2){ color:red; } 你就會(huì)知道哪里不一樣了
2019-07-23
效果不一樣，nth-child好像是相對(duì)于父控件中所有的子控件來確定 n 的值
而nth-of-type: 是父控件中所有指定子控件（排除其他子控件）來確定 n 的值
2019-05-24
nth-child：篩選的范圍是當(dāng)前父元素下面的所有的子元素
nth-of-type：篩選的范圍是當(dāng)前父元素下面同種類型的子元素
2019-03-28
nth-child()是指他只有一個(gè)后代的才會(huì)被選擇
<div class="father">
<p>唯一子代</p>
</div>
nth-of-type()是指他有很多后代或者只有一個(gè)子代，但是有一個(gè)特殊的，和其他子代都不一樣的，才會(huì)被選擇。
<div class="father">
<p>我是一個(gè)段落</p>
<p>我還是一個(gè)段落</p>
<div>我是一個(gè)DIV，我們不一樣</div>
</div>
在這里選擇的子代就是div