在CSS中，我們可以使用偽類來(lái)改變點(diǎn)擊后的樣式，以下是一些常見(jiàn)的偽類：

active當(dāng)元素處于激活狀態(tài)時(shí)，例如被用戶點(diǎn)擊或觸摸。

visited當(dāng)元素被用戶訪問(wèn)過(guò)，例如點(diǎn)擊了鏈接。

focus當(dāng)元素獲得焦點(diǎn)，例如輸入框被選中。

hover當(dāng)鼠標(biāo)懸停在元素上時(shí)。

我們可以通過(guò)添加CSS樣式來(lái)更改點(diǎn)擊后的樣式，我們可以將背景顏色更改為灰色，字體顏色更改為白色：

.my-button:active {
  background-color: gray;
  color: white;
}

在上面的代碼中，.my-button 是我們要更改樣式的元素，active 是偽類，表示該元素被點(diǎn)擊后處于激活狀態(tài)，我們可以根據(jù)需要添加其他樣式屬性來(lái)更改點(diǎn)擊后的外觀。

除了上述方法外，我們還可以使用JavaScript來(lái)動(dòng)態(tài)更改點(diǎn)擊后的樣式，我們可以使用addEventListener 來(lái)監(jiān)聽(tīng)點(diǎn)擊事件，并在回調(diào)函數(shù)中更改樣式：

document.querySelector('.my-button').addEventListener('click', function() {
  this.style.backgroundColor = 'gray';
  this.style.color = 'white';
});

在上面的代碼中，我們使用querySelector 來(lái)獲取元素，并使用addEventListener 來(lái)監(jiān)聽(tīng)點(diǎn)擊事件，在回調(diào)函數(shù)中，我們更改了元素的背景顏色和字體顏色，這種方法可以更加靈活地控制點(diǎn)擊后的樣式。