CSS選擇器是一種常用的樣式規則，它能夠根據不同的屬性和元素來匹配對應的元素并設置樣式。其中，選擇前3個元素的選擇器是一個非常實用的選擇器，它可以幫助我們快速地對目標元素進行樣式設置。下面我們來一起了解一下吧。

:nth-child(1) {
/* 設置樣式 */
}
:nth-child(2) {
/* 設置樣式 */
}
:nth-child(3) {
/* 設置樣式 */
}

如上所示，這是三個選擇前3個元素的CSS選擇器，分別匹配目標元素的第1、2、3個子元素。這里我們需要注意的是，選擇前3個元素的語法是:nth-child(1/2/3)，其中的數字代表目標元素的位置。

除了使用數字來設置位置外，還可以使用關鍵詞來指定位置，如下面的例子：

:first-child {
/* 設置樣式 */
}
:last-child {
/* 設置樣式 */
}
:nth-last-child(2) {
/* 設置樣式 */
}

:first-child表示匹配目標元素的第一個子元素，:last-child表示匹配目標元素的最后一個子元素，而:nth-last-child(2)表示匹配目標元素的倒數第二個子元素。

總的來說，使用選擇前3個元素的選擇器能夠幫助我們快速、方便地進行樣式設置，提高開發效率，但需要注意選擇器的語法和作用范圍，以保證樣式設置的準確性和有效性。