CSS3中有一個類似click的偽類選擇器,它叫做`:active`,這個選擇器可以在用戶點擊某個元素時觸發(fā)。
button:active { background-color: red; }
例如,上述代碼會在用戶點擊button按鈕時,將按鈕的背景顏色改為紅色。
除了可以在button按鈕上使用`:active`選擇器,也可以在其他元素上使用,例如鏈接、文本框等。
a:active { border-bottom: 2px solid blue; } input[type="text"]:active { background-color: yellow; }
以上代碼分別實現(xiàn)的功能是,當(dāng)用戶點擊鏈接時,在鏈接文字下方添加一個藍(lán)色的底部邊框;當(dāng)用戶在文本框中輸入時,文本框背景顏色變?yōu)辄S色。
`:active`選擇器常常和其他選擇器一起使用,例如`:hover`選擇器,通過這種方式可以實現(xiàn)更加豐富的交互效果。
button:hover:active { background-color: gray; }
以上代碼實現(xiàn)的功能是,在用戶點擊button按鈕時,將按鈕的背景顏色改為灰色,且在鼠標(biāo)懸停在按鈕上時,按鈕背景顏色也會發(fā)生改變。