CSS 是前端開發中的重要一環，它允許我們在 HTML 元素上應用各種樣式。其中，nth-child 選擇器是 CSS 中比較常用的一種，它能夠讓我們選擇頁面上某一類 HTML 元素中的第 N 個元素。

/* 選擇器的語法：*/
selector:nth-child(n)

以上代碼中的:

• selector：可以是任何標準的 CSS 選擇器。
• n：可以是一個數字、關鍵字或數學表達式，它表示該選擇器匹配的第 N 個 HTML 元素。

下面我們來看一些具體的例子：

/* 選擇頁面上第二個 div*/
div:nth-child(2) {
background-color: yellow;
}
/* 選擇類名為 article 的元素中的第三個 p 元素 */
.article p:nth-child(3) {
color: red;
}
/* 選擇頁面上所有奇數行 */
tr:nth-child(odd) {
background-color: gray;
}

需要注意的是:

• n 可以是任何整數，包括負數，但 0 是無效的。
• 如果想要選擇一個元素的所有子元素，可以使用 * 作為選擇器。
• nth-child 選擇器不能用于選中同一個父元素下的多個元素。

綜上所述，nth-child 選擇器是 CSS 中比較實用的一種功能，通過它我們可以快速地選中頁面上指定位置的 HTML 元素，使得我們在進行樣式設計時更加靈活方便。