CSS中的active是一個非常常用的偽類選擇器,它可以用來控制當(dāng)一個元素被激活時(shí)的樣式。
button:active{ background-color: #ff0000; color: #ffffff; }
上面的代碼將會使得當(dāng)用戶鼠標(biāo)點(diǎn)擊按鈕并按下時(shí),按鈕的背景顏色將變成紅色,字體顏色將變成白色。
需要注意的是,使用:active選擇器的元素,用戶必須按下并保持鼠標(biāo)鍵的狀態(tài)才能看到效果,一旦鼠標(biāo)按鈕從元素上釋放,激活狀態(tài)便會消失。
除了可以直接將屬性值改變之外,:active偽類選擇器也可以與其他偽類選擇器組合使用,比如:hover。
button:hover:active{ background-color: #ff0000; color: #ffffff; }
上面的代碼將會使得當(dāng)用戶鼠標(biāo)懸停在按鈕上并按下時(shí),按鈕的背景顏色將變成紅色,字體顏色將變成白色。
總之,:active是控制元素激活狀態(tài)的一個非常有用的選擇器,它不僅可以使得頁面的交互更加生動,同時(shí)也能為用戶提供更好的操作體驗(yàn)。