CSS（層疊樣式表）提供了一種簡單而強大的方法來控制 HTML 元素的樣式。其中包括了通過點擊事件來改變元素顏色的樣式代碼，這很有用處，比如可以將網站導航欄中鼠標所在的選項變色，提醒用戶當前所在位置。

下面是 CSS 樣式點擊變顏色的代碼示例：

/* CSS 樣式 */
a {
color: blue; /* 默認文字顏色為藍色 */
text-decoration: none; /* 去除鏈接下劃線 */
transition: color 0.3s ease; /* 添加過渡效果 */
}
a:hover {
color: red; /* 鼠標懸停時文字顏色變為紅色 */
}

代碼中，我們定義了一個鏈接元素<a>，給它設置了默認顏色為藍色，并且去除了鏈接下劃線。我們還添加了一個 CSS 過渡效果，讓顏色在變化時顯示得更為平滑。

然后，我們使用偽類選擇器:hover來定義當鼠標懸停在鏈接上時，改變它的顏色為紅色。

這種樣式點擊變顏色的效果同樣適用于其他 HTML 元素。比如，當鼠標懸停在按鈕上時，我們可以改變按鈕的背景色或文字顏色，從而為用戶提供更加清晰的操作反饋。

總的來說，CSS 樣式點擊變顏色是一個非常實用的特性，可以幫助我們提高網頁的可用性和交互性。