在開發(fā)前端頁面時，常常需要實現(xiàn)一些鼠標(biāo)交互效果，如鼠標(biāo)移入、移出、點擊等，其中點擊效果可以通過Css的偽類選擇器 :active 來實現(xiàn)。下面介紹如何通過 :active 實現(xiàn)點擊 div 變色的效果。

點擊我變色

如上代碼所示，我們首先創(chuàng)建一個背景顏色為 #1abc9c 的 div，然后在 Css 中為其設(shè)置 :active 偽類樣式，將背景顏色改為 #e74c3c，這樣當(dāng)鼠標(biāo)點擊 div 時，便會觸發(fā) :active 樣式，實現(xiàn)點擊變色的效果。

當(dāng)然，我們也可以為多個 div 元素實現(xiàn)點擊變色效果，只需給它們應(yīng)用同樣的樣式即可。此外，我們還可以通過修改其他樣式屬性來實現(xiàn)更神奇的點擊效果，如修改邊框顏色、文字顏色等等。總之，通過 :active 偽類樣式，我們可以為頁面增加更多的鼠標(biāo)交互效果，增強用戶體驗。