CSS是網頁開發中非常重要的一部分，其中一個功能就是點擊后變色不變。這種效果可以讓網頁變得更加美觀，也讓用戶更加有趣地使用網頁。

button {
background-color: blue;
color: white;
}
button:active {
background-color: blue;
color: white;
opacity: 0.5;
}

代碼中，我們首先定義了button元素的背景色和文本顏色。當用戶點擊按鈕，即處于button的active狀態時，我們將按鈕的背景色和文本顏色保持不變，同時使用opacity屬性將按鈕的透明度設置為0.5。這樣一來，用戶點擊按鈕時就會發生不同的顏色變化。

除了使用active狀態來實現點擊后的不變色效果，我們還可以使用:focus狀態。比如：

input[type="text"] {
background-color: white;
color: black;
}
input[type="text"]:focus {
background-color: yellow;
color: black;
}

這段代碼表示當用戶點擊輸入框時，輸入框的背景色將變為黃色，文本顏色不變。這種變化效果可以讓用戶更加清晰地看到他們正在操作的元素，也讓網頁獲得更加友好的用戶體驗。