CSS偽類是最常用的CSS選擇器之一，它充當(dāng)了HTML元素狀態(tài)的角色。在編寫CSS代碼時，偽類能夠讓我們更加高效地定位到需要樣式化的元素。其中，有一種偽類是“:active”，用于表示一個元素在被激活、被點(diǎn)擊或被選中后的狀態(tài)。

在CSS中，為了控制一個被點(diǎn)擊后的元素，我們可以使用“:active”偽類。這個偽類作用于被激活的元素，一般是當(dāng)用戶點(diǎn)擊鼠標(biāo)左鍵時使用。被點(diǎn)擊后的元素會變成一個新的狀態(tài)，一般會改變顏色、背景、邊框等樣式。在偽類“:active”的使用中，我們只需要簡單地在選擇器后面加上“:active”即可。

.btn:active {
background-color: #0e547d;
color: #fff;
border: 1px solid #0e547d;
}

例如，在上面的代碼中，當(dāng)用戶點(diǎn)擊.btn類樣式的元素時，該元素會變成藍(lán)色背景、白色文字、藍(lán)色邊框的樣式。這個效果給用戶一種視覺上的反饋，告訴他們他們已經(jīng)點(diǎn)擊了這個按鈕。

當(dāng)然，在使用偽類“:active”時，也需要注意一些問題。因?yàn)閭晤悺?active”只在元素在被點(diǎn)擊的瞬間生效，所以當(dāng)用戶釋放鼠標(biāo)后，這個狀態(tài)就會消失，元素會恢復(fù)為默認(rèn)狀態(tài)。如果要保持被點(diǎn)擊后的狀態(tài)，需要將樣式設(shè)置為“:active”和“:focus”兩種偽類一起使用。

.btn:active, .btn:focus {
background-color: #0e547d;
color: #fff;
border: 1px solid #0e547d;
}

在上面的代碼中，我們增加了一個“:focus”偽類，這個偽類表示元素被選中且具有焦點(diǎn)時應(yīng)用的樣式。這樣，無論用戶點(diǎn)擊還是通過Tab鍵來選中該元素，它都會表現(xiàn)出被點(diǎn)擊狀態(tài)的樣式。