CSS是一種用來定義網頁樣式的語言，它可以讓我們美化網頁的外觀和布局。當我們需要選擇特定的元素時，就需要使用選擇器。其中，選擇第一個子類就是一種常用的選擇器。

代碼示例：
.parent{
/* 父級元素樣式 */
}
.parent:first-child{
/* 選擇第一個子元素的樣式 */
}
.child{
/* 子元素樣式 */
}

在上面的示例代碼中，我們定義了一個父級元素和它的第一個子元素的樣式。使用:first-child偽類選擇器，我們可以選擇第一個子元素。如果需要選擇第二個、第三個......子元素，我們可以使用:nth-child()偽類選擇器。

選擇器還可以針對不同的元素進行選擇。比如，如果我們想選擇一組p元素中的第一個元素，可以使用:first-of-type偽類選擇器。

代碼示例：
p:first-of-type{
/* 選擇一組p元素中的第一個元素的樣式 */
}

這樣，我們就可以輕松地選擇第一個子元素或一組元素的第一個元素，并為它們設置不同的樣式，實現網頁美化效果。