CSS點(diǎn)擊變色是一種常用的交互效果，通常用于按鈕或鏈接等可點(diǎn)擊元素，要實(shí)現(xiàn)CSS點(diǎn)擊變色，可以通過(guò)使用JavaScript或CSS來(lái)實(shí)現(xiàn)，下面是一種使用CSS實(shí)現(xiàn)點(diǎn)擊變色的方法：

1、為可點(diǎn)擊元素添加兩個(gè)CSS類：一個(gè)用于默認(rèn)狀態(tài)，另一個(gè)用于點(diǎn)擊后的狀態(tài)，我們可以為按鈕添加btn和btn-clicked兩個(gè)類。

2、為這兩個(gè)類設(shè)置不同的背景顏色或邊框顏色，我們可以將btn類的背景顏色設(shè)置為藍(lán)色，將btn-clicked類的背景顏色設(shè)置為紅色。

3、使用JavaScript來(lái)監(jiān)聽可點(diǎn)擊元素的點(diǎn)擊事件，并在點(diǎn)擊后將btn-clicked類添加到該元素上，我們可以使用以下代碼來(lái)實(shí)現(xiàn)：

document.querySelector('button').addEventListener('click', function() {
  this.classList.add('btn-clicked');
});

通過(guò)以上步驟，我們就可以實(shí)現(xiàn)CSS點(diǎn)擊變色的效果，這只是一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方式，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整和優(yōu)化。