然後我們使用 li:nth-of-type(2)的時候
因為它選擇的是li標籤的的第二個，只會找到li第二個，不管中間有多少別的內容。
第乙個段落。
第二個段落。
第三個段落。
第四個段落。
第五個段落。
第六個段落。
第七個段落。
第八個段落。
第九個段落。
這個公式得到的結果是從p標籤開始計算的，得到的結果是：
這個公式得到的結果是從h1標籤開始計算的，得到的結果是：
總結：它們兩個的區別就是乙個是從起頭的標籤開始計算，乙個是當前標籤是那個，就從那個標籤開始計算。
nth of type和nth child的區別
nth of type n 選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素.nth child n 選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別。html 這是標題h1 第乙個段落。p 第二個段落。p 第三個段落。p 第四個段落。p 第五個段落。p a css p nth o...
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標籤，使用這個屬性你...