在前端開發(fā)中，有時候希望在用戶點擊一個按鈕或者鏈接后，顯示該元素被選中并改變其樣式。如何實現(xiàn)呢？這時候就需要用到CSS中的點擊后顏色屬性了。我們可以使用:active選擇器控制按鈕或鏈接被點擊后的樣式效果。

/*CSS代碼*/
button:active {
background-color: gray;
}
a:active {
color: red;
}

上面的代碼中，我們分別控制了button和a標簽在被點擊后的顏色。當用戶點擊button時，背景色會變成灰色，而當用戶點擊a標簽時，鏈接文本顏色會變成紅色。

除了:active選擇器，我們還可以使用:focus選擇器來控制元素在被選中時的樣式效果。不同的是，:focus選擇器是在用戶使用鍵盤或鼠標移動（焦點）到元素時觸發(fā)，并且適用于可以接受焦點的元素，如a標簽、輸入框等。

/*CSS代碼*/
input:focus {
border: 2px solid blue;
}
a:focus {
outline: 2px solid green;
}

上述代碼中，我們定義了input標簽和a標簽在被焦點選中后的樣式效果。當用戶點擊輸入框時，邊框會變成2px的藍色實線邊框；當用戶通過TAB鍵將焦點移到鏈接上時，鏈接會出現(xiàn)2px的綠色實線邊框。

總之，使用CSS中的:active選擇器和:focus選擇器，可以輕松地改變元素的顏色、邊框、背景等視覺效果，為用戶提供更良好的交互體驗，同時也方便了開發(fā)者的工作。