定義和用法
:nth-of-type( n )選擇器匹配屬於父元素的特定類型的第N個子元素的每個元素.
:nth-child( n )選擇器匹配屬於其父元素的第N個子元素,不論元素的類型。
n可以是數字、關鍵詞或公式。
規定屬於其父元素的第二個p 元素的每個p:
p:nth-of-type(2)
{ background:#ff0000; }
親自試試
規定屬於其父元素的第二個子元素的每個p 的背景色:
p:nth-child(2)
{ background:#ff0000; }
親自試試
odd 和even 是可用於匹配下標是奇數或偶數的子元素的關鍵詞(第一個子元素的下標是1)。
使用公式( an + b )。描述:表示週期的長度,n是計數器(從0開始),b是偏移值。