在開發(fā)網頁時，我們經常需要對頁面中的元素進行樣式設置。而 CSS （層疊樣式表）就是一種示范文檔，用于為網頁添加樣式和布局等效果。在 CSS 中，我們可以通過選擇器選中元素并應用樣式。CSS 中有很多種選擇器，本文將介紹其中的兩種—— :first-child 和 :nth-child。

首先，我們來看一下 :first-child。這個選擇器可以選中目標元素在其父元素中的第一個子元素，并為其應用樣式。例如，下面的代碼在 div 元素中選中了第一個子元素 span，并將其文字顏色設置為紅色：

div span:first-child {
color: red;
}

接著，我們來看一下 :nth-child。這個選擇器可以選中目標元素在其父元素中的第 n 個子元素，并為其應用樣式。其中，n 可以是數字、公式、關鍵詞等等。例如，下面的代碼在 div 元素中選中所有偶數子元素 span，并將其文字顏色設置為藍色：

div span:nth-child(2n) {
color: blue;
}

以上就是 :first-child 和 :nth-child 選擇器的使用方法，它們可以很方便地為網頁元素添加樣式。需要注意的是，這些選擇器可能會影響頁面的性能，所以在實際開發(fā)中應該謹慎使用，盡量避免出現嵌套選擇器或者大量的選擇器。