本文目錄導(dǎo)讀：

1. 未訪問狀態(tài)
2. 已訪問狀態(tài)
3. 懸停狀態(tài)
4. 激活狀態(tài)

CSS超鏈接四種偽類詳解

CSS超鏈接的四種偽類分別是：未訪問狀態(tài)、已訪問狀態(tài)、懸停狀態(tài)、激活狀態(tài)，每種狀態(tài)都有相應(yīng)的樣式設(shè)置，使得超鏈接在不同狀態(tài)下的樣式表現(xiàn)更加豐富多彩。

未訪問狀態(tài)

未訪問狀態(tài)的偽類為:link，這個狀態(tài)下的超鏈接通常表現(xiàn)為藍(lán)色，但可以通過CSS樣式進(jìn)行自定義，我們可以將未訪問狀態(tài)的超鏈接設(shè)置為紅色：

a:link {
  color: red;
}

已訪問狀態(tài)

已訪問狀態(tài)的偽類為:visited，這個狀態(tài)下的超鏈接通常表現(xiàn)為紫色，同樣可以通過CSS樣式進(jìn)行自定義，我們可以將已訪問狀態(tài)的超鏈接設(shè)置為綠色：

a:visited {
  color: green;
}

懸停狀態(tài)

懸停狀態(tài)的偽類為:hover，這個狀態(tài)下的超鏈接通常表現(xiàn)為手形鼠標(biāo)指針，并且可以通過CSS樣式進(jìn)行自定義，我們可以將懸停狀態(tài)的超鏈接設(shè)置為半透明紅色：

a:hover {
  color: rgba(255, 0, 0, 0.5);
  cursor: pointer;
}

激活狀態(tài)

激活狀態(tài)的偽類為:active，這個狀態(tài)下的超鏈接通常表現(xiàn)為被點擊后的樣式，同樣可以通過CSS樣式進(jìn)行自定義，我們可以將激活狀態(tài)的超鏈接設(shè)置為紅色：

a:active {
  color: red;
}

需要注意的是，CSS超鏈接的四種偽類要遵循一定的順序，即:link -> :visited -> :hover -> :active，這個順序被稱為"LoVe/HAte"順序，每種狀態(tài)的樣式設(shè)置要相互協(xié)調(diào)，以達(dá)到更好的用戶體驗。