CSS3提供了一系列的偽類來對元素進行樣式的選擇，其中之一便是nth偽類。nth偽類根據元素在一組元素中的位置來進行樣式選擇，可以選擇并改變特定的元素樣式。

/* nth偽類的語法如下： */
:nth-child(n) /* 選取第n個元素 */
:nth-last-child(n) /* 選取最后一個元素 */
:nth-of-type(n) /* 選取第n個指定元素 */
:nth-last-of-type(n) /* 選取最后一個指定元素 */
:first-child /* 選取第一個元素 */
:last-child /* 選取最后一個元素 */
:first-of-type /* 選取第一個指定元素 */
:last-of-type /* 選取最后一個指定元素 */
:only-child /* 選取唯一的一個元素 */
:only-of-type /* 選取唯一的指定元素 */

下面來看幾個例子：

/* 選中列表中的第二個元素 */
li:nth-child(2) {
color: red;
}
/* 選中列表中的最后一個元素 */
li:nth-last-child(1) {
color: blue;
}
/* 選中段落中的第一個span元素 */
p span:nth-of-type(1) {
font-size: 16px;
}
/* 選中段落中的最后一個span元素 */
p span:nth-last-of-type(1) {
font-weight: bold;
}

使用nth偽類可以實現更加細致的元素樣式選擇，使得網頁設計更加靈活美觀。