CSS鼠標(biāo)點(diǎn)擊變色是一種常用的交互效果，可以通過(guò)JavaScript和CSS的結(jié)合來(lái)實(shí)現(xiàn)，下面是一種簡(jiǎn)單的方法來(lái)實(shí)現(xiàn)這個(gè)效果：

1、給需要變色的元素添加一個(gè)CSS類，比如color-change。

2、使用JavaScript監(jiān)聽該元素的點(diǎn)擊事件。

3、當(dāng)元素被點(diǎn)擊時(shí)，使用JavaScript動(dòng)態(tài)添加或移除一個(gè)CSS類，比如clicked。

4、在CSS中定義clicked類的樣式，使其具有不同的顏色。

下面是一個(gè)具體的示例代碼：

HTML:

<div id="myElement" class="color-change">點(diǎn)擊我變色！</div>

CSS:

.color-change {
  color: blue;
}
.clicked {
  color: red;
}

JavaScript:

document.getElementById('myElement').addEventListener('click', function() {
  if (this.classList.contains('clicked')) {
    this.classList.remove('clicked');
  } else {
    this.classList.add('clicked');
  }
});

在這個(gè)示例中，當(dāng)myElement被點(diǎn)擊時(shí)，它的顏色會(huì)在藍(lán)色和紅色之間切換，你可以根據(jù)自己的需求調(diào)整CSS樣式和JavaScript代碼來(lái)實(shí)現(xiàn)不同的效果。