在CSS中，選擇第三個

元素是非常常見的需求。那么，如何實現呢？

p:nth-of-type(3) {
/* 你的樣式 */
}

上面的代碼就是選擇第三個

元素的方法。我們可以使用:nth-of-type() 偽類來實現。

意思就是說，選擇某種類型的元素中的第n個元素。在這個例子中，我們想選擇

中的第三個元素。

代碼解析：

p:nth-of-type(3) {
/* 你的樣式 */
}

我們可以發現，首先，我們使用了p選擇器。這個選擇器會選擇所有的

元素。然后，我們使用了:nth-of-type() 偽類，接著它指定了我們所選擇元素的位置，也就是第三個元素。最后使用大括號將樣式包裹起來。

這就是選擇第三個

元素的完整代碼！

除了上述代碼，我們還可以使用偽類:nth-child來達到同樣的效果。但要注意這兩個選擇器的不同之處。:

p:nth-of-type()

是選擇同種類型的元素，而:

p:nth-child()

是選擇父元素的第n個子元素。也就是說，如果我們有多種類型的元素在父元素中，r:nth-child()會將其認為是相同類型。如需對每種元素進行選擇，應使用 nth-of-type() 方法。