CSS中的:active偽類(lèi)可以用來(lái)設(shè)置元素在被點(diǎn)擊后的樣式。當(dāng)用戶(hù)點(diǎn)擊元素時(shí)，該元素會(huì)呈現(xiàn)出:active偽類(lèi)樣式，直到鼠標(biāo)松開(kāi)。

button:active {
background-color: green;
color: white;
}
a:active {
text-decoration: underline;
}

上述代碼中，button元素在被點(diǎn)擊后背景顏色變?yōu)榫G色，文字顏色變?yōu)榘咨煌瑫r(shí)，a元素在被點(diǎn)擊后下劃線(xiàn)出現(xiàn)。

需要注意的是，:active偽類(lèi)是在用戶(hù)點(diǎn)擊元素之后，優(yōu)先于:focus偽類(lèi)的。這意味著當(dāng)一個(gè)用戶(hù)在頁(yè)面上點(diǎn)擊一個(gè)鏈接時(shí)，:active偽類(lèi)樣式會(huì)覆蓋:focus偽類(lèi)樣式，直到頁(yè)面加載新內(nèi)容或用戶(hù)跳轉(zhuǎn)至其他頁(yè)面為止。

可以利用:active偽類(lèi)來(lái)提高用戶(hù)體驗(yàn)和可訪(fǎng)問(wèn)性。例如，在一個(gè)導(dǎo)航欄中，當(dāng)用戶(hù)點(diǎn)擊某個(gè)按鈕時(shí)，按鈕的背景色和顏色變化可以為用戶(hù)提供視覺(jué)反饋，告訴用戶(hù)當(dāng)前選定的導(dǎo)航項(xiàng)是哪個(gè)。