:nth-of-type(n) 選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素.:nth-child(n) 選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別。
html
這是標題h1>
第乙個段落。p>
第二個段落。p>
第三個段落。p>
第四個段落。p>
第五個段落。p>
a
.css
p:nth-of-type(2)
b.css
p:nth-child(2)
b.css中的css**會使其父元素的第二個子元素的每個 p 元素背景變紅，即html中第乙個段落背景變紅。
nth of type和nth child的區別
現在我在這個li中加了乙個a 如果你使用 nth child的時候 然後我們使用 li nth of type 2 的時候 因為它選擇的是li標籤的的第二個，只會找到li第二個，不管中間有多少別的內容。第乙個段落。第二個段落。第三個段落。第四個段落。第五個段落。第六個段落。第七個段落。第八個段落。第...
nth child和nth of type的區別
nth child和nth of type是比較常用的乙個偽類選擇器，過去一直沒在意這個，今天發現原來他們之間還有這樣的區別，記錄一下。我們首先來看mdn上對它們的解釋 nth child an b 這個 css 偽類首先找到所有當前元素的兄弟元素，然後按照位置先後順序從1開始排序，選擇的結果為cs...
nth of type與nth child的區別
今天在看bootstrap教程的時候，發現教程上提到了乙個知識點是之前沒有注意過的，那便是nth of type和nth child。這兩個都是css3中的屬性。nth of child 它的屬性就是按照所有型別標籤的所謂整體佇列進行排序篩選，也就是說不論你是h1，span還是p標籤，使用這個屬性你...