CSS偽類是用來幫助我們對網頁元素進行樣式控制的輔助性工具，它們可以讓我們針對某些特殊的狀態，來給元素添加不同的樣式。下面我們將了解幾個常用的CSS偽類。

/* :hover 偽類 */
a:hover {
color: red;
}
/* :focus 偽類 */
input:focus {
border: 1px solid blue;
}
/* :active 偽類 */
button:active {
background-color: yellow;
}
/* :first-child 偽類 */
ul li:first-child {
font-weight: bold;
}
/* :nth-child 偽類 */
ul li:nth-child(2n) {
background-color: blue;
}

:hover 偽類

:hover 偽類可以讓我們在鼠標懸停在元素上時，改變元素的樣式。比如可以改變鏈接的顏色、添加下劃線等。

:focus 偽類

:focus 偽類可以讓我們控制當元素獲得焦點時的樣式。比如可以添加邊框、改變背景色等。

:active 偽類

:active 偽類可以讓我們控制當元素被點擊時的樣式。比如可以改變按鈕的背景色、添加陰影等。

:first-child 偽類

:first-child 偽類可以讓我們選擇某個元素的第一個子元素，并對其添加樣式。比如可以讓一個列表的第一個元素加粗。

:nth-child 偽類

:nth-child 偽類可以讓我們選擇某個元素的特定子元素，并對其添加樣式。比如可以讓一個列表中每隔一個元素添加背景色。