CSS中的:first-child偽類可以用來選擇父元素中的第一個子元素。除了:first-child，還有一個偽類是:nth-child(n)，可以選擇前n個子元素。

/*選擇前三個子元素*/
.parent :nth-child(-n+3) {
/*樣式*/
}

在上面的代碼中，-n+3表示選擇前三個子元素。當然，你也可以選擇后幾個子元素，比如選擇倒數第二個子元素：

/*選擇倒數第二個子元素*/
.parent :nth-child(-2) {
/*樣式*/
}

同時，nth-child還支持各種奇偶性選擇器。比如，以下代碼會選擇所有偶數子元素：

/*選擇所有偶數子元素*/
.parent :nth-child(even) {
/*樣式*/
}

除了:nth-child，還有一個類似的偽類是:nth-of-type(n)，它可以選擇同類型的前n個元素。比如以下代碼會選擇前三個div元素：

/*選擇前三個div元素*/
div:nth-of-type(-n+3) {
/*樣式*/
}

在選擇前n個元素的時候，有一個小技巧：可以使用:nth-child(1)，或者:nth-of-type(1)來選擇第一個元素。這樣做的好處是，當需要選擇的元素數量發生變化時，不需要修改選擇器的數值。

/*選擇前兩個子元素*/
.parent :nth-child(-n+2) {
/*樣式*/
}
/*選擇第一個子元素*/
.parent :nth-child(1) {
/*樣式*/
}
/*選擇第一個div元素*/
div:nth-of-type(1) {
/*樣式*/
}

在實際應用中，我們可以使用選擇器來控制元素的樣式，比如實現列表中前幾項不同樣式的效果。

/*前三個列表項的樣式*/
ul li:nth-child(-n+3) {
color: red;
}
/*后兩個列表項的樣式*/
ul li:nth-last-child(-n+2) {
color: blue;
}

通過使用:nth-child和:nth-of-type偽類，我們可以靈活控制頁面中的元素樣式，實現更多特定的效果。