CSS是一種網頁樣式語言，它可以讓我們對網頁進行精確的設計和布局。其中一個比較常見的效果就是當鼠標選中某個元素時，改變該元素的顏色。下面我們來看看如何使用CSS來實現這個效果。

/* 鼠標選中后變色 */
.selected {
background-color: #f2f2f2;
}
/* 鼠標懸停時變色 */
.selected:hover {
background-color: #e6e6e6;
}

首先，我們需要定義一個類名為“selected”的樣式規則，在里面設置背景色。當我們給某個元素應用這個類名后，當鼠標選中該元素時，就會出現背景顏色的變化。

同時，我們也可以通過:hover偽類來實現鼠標懸停時的效果。我們將:hover偽類應用在.selected類名上，當鼠標懸停在該元素上時，背景色將會變得更加淺。

通過以上的CSS樣式，我們可以輕松地實現鼠標選中后變色的效果。