在Web開發中,經常需要為網頁添加一些交互特效,其中之一就是鼠標點擊事件。CSS中提供了一個偽類選擇器:hover,可用于設置鼠標懸停時的樣式,同樣地,CSS還提供了一個偽類選擇器:active,用于設置當前鼠標被點擊時的樣式。
selector:active { /* 改變元素的樣式 */ }
比如在一個按鈕上設置點擊效果:
<button class="btn">Click me</button>
上面的代碼中,當按鈕被點擊時,背景顏色和文字顏色都會變成綠色。這樣做的好處是不需要使用JavaScript來實現點擊效果,只需要使用CSS即可。
需要注意的是,:active偽類只在鼠標被按下的瞬間產生效果,而在鼠標抬起來之后樣式就會消失,因此在設計點擊效果時要考慮到這一點。
總之,CSS的偽類選擇器:active可以用于設置鼠標點擊時的樣式,可以為網站添加一些簡單的交互特效。
上一篇html33書架代碼