在CSS中，我們經常需要通過點擊來改變頁面元素的樣式。其中一個常見的需求就是通過點擊來改變字體顏色。

/*定義顏色*/
.color{
color: black; /*默認顏色為黑色*/
}
/*添加點擊事件*/
.color-click{
cursor: pointer; /*手形光標，表示是可點擊的*/
}
/*改變顏色*/
.color-click.active{
color: red; /*點擊后字體顏色變成紅色*/
}

以上是CSS代碼，下面是HTML代碼。

點擊我

在HTML中，我們需要給需要點擊的元素添加一個class名，同時為其添加一個id名。這個id名在JavaScript中會用到。

以上是JavaScript代碼，我們給元素添加了一個點擊事件，并且使用toggle方法來切換class。

現在，我們點擊頁面上“點擊我”這個元素，就可以改變其字體顏色了。也可以通過上面的CSS代碼來定義其他顏色，以及改變其他樣式，實現更豐富的點擊效果。