CSS偽類的作用是用來描述某些HTML元素的特定狀態(tài)。它們在以下情況下非常實用：

selector:pseudo-class {
property:value;
}

偽類的語法與CSS選擇器非常相似，但要分別用冒號（:）和括號（）來定義偽類。現(xiàn)在讓我們來看幾個最常用的偽類：

:hover偽類

:hover偽類用于鼠標(biāo)懸停在HTML元素上時發(fā)生的事件，通常被用來改變元素的顏色或添加動畫效果。

a:hover {
color:red;
}

:active偽類

:active偽類用于用戶點擊或觸摸HTML元素時發(fā)生的事件，通常被用來添加元素的效果或狀態(tài)。

button:active {
background-color:gray;
}

:focus偽類

:focus偽類用于當(dāng)HTML元素獲得焦點時發(fā)生的事件，通常用于表單元素或可編輯的頁面內(nèi)容。

input:focus {
border-color:blue;
}

:nth-child偽類

:nth-child偽類用于選擇元素的第N個子元素。這個偽類經(jīng)常用于網(wǎng)頁布局，而不是元素的狀態(tài)。

ul li:nth-child(2) {
background-color:yellow;
}