CSS中的偽類選擇器是一種強大的工具，用于選擇處于特定狀態(tài)的HTML元素，這些狀態(tài)可能包括元素的類型、類、ID、屬性等，在CSS中，偽類選擇器以冒號（:）開頭，后跟選擇器的名稱，以下是一些常見的偽類選擇器的用法：

1、:hover：當(dāng)鼠標(biāo)懸停在元素上時，該元素會應(yīng)用指定的樣式，你可以將鼠標(biāo)懸停時的背景顏色更改為灰色：

div:hover {
  background-color: gray;
}

2、:active：當(dāng)元素被激活時，例如通過點擊或觸摸操作，該元素會應(yīng)用指定的樣式，你可以將按鈕點擊時的背景顏色更改為紅色：

button:active {
  background-color: red;
}

3、:focus：當(dāng)元素獲得焦點時，例如通過鍵盤操作或點擊輸入框，該元素會應(yīng)用指定的樣式，你可以將輸入框獲得焦點時的背景顏色更改為黃色：

input:focus {
  background-color: yellow;
}

4、:visited：當(dāng)元素被訪問過（即用戶已經(jīng)點擊過該元素）時，該元素會應(yīng)用指定的樣式，你可以將已訪問過的鏈接顏色更改為藍(lán)色：

a:visited {
  color: blue;
}

5、:first-child：選擇某個元素的***個子元素，你可以將每個列表的***個項目標(biāo)記為紅色：

li:first-child {
  color: red;
}

6、:last-child：選擇某個元素的***后一個子元素，你可以將每個列表的***后一個項目標(biāo)記為藍(lán)色：

li:last-child {
  color: blue;
}

7、:nth-child(n)：選擇某個元素的第n個子元素，你可以選擇每個列表的第3個項目：

li:nth-child(3) {
  color: green;
}

8、:root：選擇文檔或應(yīng)用程序的根元素，你可以將HTML文檔的根元素背景顏色更改為紫色：

:root {
  background-color: purple;
}

9、:lang(language)：選擇指定語言的元素，你可以選擇法語鏈接：

a:lang(fr) {
  color: orange;
}

10、:checked：選擇被選中的表單元素，你可以選擇被選中的復(fù)選框：

input[type="checkbox"]:checked {
  background-color: orange;
}