CSS中的選中后變色通常用于標記當前的活動狀態(tài)或者高亮顯示。

其實，選中后變色可以通過:hover和:active兩個偽類來實現(xiàn)。

:hover指鼠標懸停在元素上時的樣式變化，而:active則是指當前被點擊的元素的樣式變化。

要將一個元素在被點擊時變色，我們可以這樣寫：

button:active {
background-color: #f00;
}

這段代碼的意思是：當一個按鈕被點擊時，它的背景色變成紅色。

另外，我們也可以通過給一個元素添加class來實現(xiàn)選中后變色，如下所示：

.button-active {
background-color: #f00;
}

然后我們在HTML中給按鈕添加class：

點擊我變紅

這樣，當我們點擊這個按鈕時，它的背景色也會變成紅色。

通過選中后變色，我們可以使頁面更加生動有趣，讓用戶更容易理解我們的頁面結(jié)構(gòu)。