本文目錄導讀:
CSS超鏈接四個偽類詳解
CSS超鏈接的四個偽類分別是::link、:visited、:hover、:active,這四個偽類分別代表了超鏈接的不同狀態(tài),下面我們來詳細講解一下這四個偽類的用法。
:link
:link代表了超鏈接的未訪問狀態(tài),在這個狀態(tài)下,我們可以為超鏈接設(shè)置一些樣式,比如顏色、字體等,我們可以將未訪問狀態(tài)的超鏈接顏色設(shè)置為藍色:
a:link { color: blue; }
:visited
:visited代表了超鏈接的已訪問狀態(tài),與:link類似,我們也可以為已訪問狀態(tài)的超鏈接設(shè)置一些樣式,我們可以將已訪問狀態(tài)的超鏈接顏色設(shè)置為紫色:
a:visited { color: purple; }
:hover
:hover代表了超鏈接的鼠標懸停狀態(tài),在這個狀態(tài)下,我們可以為超鏈接設(shè)置一些特殊的樣式,比如改變顏色、添加下劃線等,我們可以將鼠標懸停狀態(tài)的超鏈接顏色設(shè)置為紅色,并添加下劃線:
a:hover { color: red; text-decoration: underline; }
:active
:active代表了超鏈接的激活狀態(tài),即用戶正在點擊超鏈接的狀態(tài),在這個狀態(tài)下,我們可以為超鏈接設(shè)置一些特殊的樣式,比如改變顏色、添加背景等,我們可以將激活狀態(tài)的超鏈接顏色設(shè)置為綠色,并添加背景色:
a:active { color: green; background-color: yellow; }
就是CSS超鏈接四個偽類的用法詳解,通過這四個偽類,我們可以為超鏈接設(shè)置更加豐富的樣式,使得網(wǎng)頁更加美觀和易用。