CSS選擇器是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分，在眾多的選擇器中，第n個(gè)選擇器也是常用的一種。 它允許你選中第n個(gè)元素，可以通過(guò)很多不同的方式使用，下面將詳細(xì)介紹。

// 選中第2個(gè)p元素p:nth-of-type(2) { 
color: red;
}// 選中第3個(gè)li元素li:nth-of-type(3) { 
background: yellow;
}// 選中第偶數(shù)個(gè)h1元素h1:nth-of-type(even) { 
font-size: 24px;
}

如上所示，在樣式表中使用:nth-of-type(n)選擇器可以非常簡(jiǎn)單地選中該類(lèi)型的第n個(gè)元素。括號(hào)中的n可以是一個(gè)數(shù)字也可以是even和odd。使用even表示選中偶數(shù)項(xiàng)，使用odd表示選中奇數(shù)項(xiàng)。

在選擇多個(gè)元素時(shí)，這個(gè)選擇器也非常有用。可以使用:nth-of-type(n)語(yǔ)法來(lái)匹配多個(gè)元素。這可以使用逗號(hào)分隔不同的選擇器來(lái)完成。

// 選中第1個(gè)p元素和第3個(gè)p元素p:nth-of-type(1), 
p:nth-of-type(3) { 
background: green;
}

總之，:nth-of-type(n)選擇器是一款非常實(shí)用的工具，在對(duì)網(wǎng)頁(yè)進(jìn)行樣式設(shè)計(jì)時(shí)可以用它來(lái)指定不同的編號(hào)元素，方便我們?cè)谠O(shè)計(jì)過(guò)程中更加靈活自由。