css實現點擊元素，改變背景色

可通過使用css僞類實現點擊元素變色的效果，兩個僞類是:active, :focus

譬如實現一個div鼠標點擊時改變背景色，

<div class="my-demo">可以摸我</div>

添加樣式：

.my-demo：active {
	background-color: red;
}

:focus選擇器用於選取獲得焦點的元素。僅接收鍵盤事件或其他用戶輸入的元素允許 focus的 選擇器。

注意：
:active，元素被點擊時變色，但顏色在點擊後消失；
:focus， 元素被點擊後變色，且顏色在點擊後不消失；

對於div等元素無法接受鍵盤或其他用戶事件，不支持:focus僞類，則可通過增加tabIndex屬性使其支持:focus

<div tabindex="1">
上面
</div>

<div tabindex="2">
中間
</div>

<div tabindex="3">
下面
</div>

div:focus {
    background-color:red;
}