CSS是前端開發中必不可少的一種技術，常用于修飾和美化網頁。在CSS中，選擇器是非常重要的一部分，可以通過各種選擇器來定位頁面上需要樣式修飾的元素。下面我們來介紹如何使用CSS選擇器選擇前三個元素。

/*  使用 nth-child 選擇前三個元素  */
/*  選擇第一個元素  */
p:nth-child(1) {
color: red;
}
/*  選擇第二個元素  */
p:nth-child(2) {
color: green;
}
/*  選擇第三個元素  */
p:nth-child(3) {
color: blue;
}

上述代碼中，我們用到了CSS中的nth-child選擇器，利用它可以選擇某個父元素下的第n個子元素。在我們的例子中，選擇的父元素是p標簽，我們依次選擇了第一個、第二個、第三個子元素，每個元素之間的樣式都不同，從而實現了對前三個元素的樣式定制。

使用CSS選擇器可以讓我們在處理網頁樣式時更加高效和便捷，本文介紹的nth-child選擇器可以用于選擇頁面上的任何子元素，而我們只需改變其中的數字參數即可，如p:nth-child(4)則可選擇第四個p元素。希望本篇文章能對大家學習CSS選擇器有所幫助！