當我們處理網頁的樣式時，經常需要針對某個元素的第一個子元素進行樣式設置。比如說在一個ul列表中，我們要讓第一個li元素的字體顏色更醒目一些。這時候，我們通常會使用:first-child偽類選擇器來選取第一個子元素進行樣式設置，例如：

ul li:first-child {
color: red;
}

但實際上，除了使用:first-child偽類選擇器之外，還有其它方法可以選取元素的第一個子元素。下面分別介紹一下這幾種方法：

1. nth-of-type(1)

ul li:nth-of-type(1) {
color: red;
}

這種方法和使用:first-child偽類選擇器的效果一樣，都是選取第一個子元素。不同的是，nth-of-type可以選擇不同類型的元素，而:first-child只能選擇同類型的元素。

2. :first-of-type

ul li:first-of-type {
color: red;
}

這個偽類選擇器可以選取指定類型的第一個元素。比如說如果有一個ul列表和一個p段落，我們想讓ul的第一個li元素顏色變紅，而不影響p段落，就可以使用:first-of-type：

ul li:first-of-type {
color: red;
}

3. :nth-child(1)

ul li:nth-child(1) {
color: red;
}

這個偽類選擇器和:nth-of-type的區別在于，它是選擇指定父元素下的第一個子元素。如果沒有指定父元素，則選擇第一個子元素。

以上幾種方法都可以選取指定元素的第一個子元素進行樣式設置，根據實際情況選擇不同的方法即可。