CSS3中有一個非常實用的偽元素——:active,可以讓我們在元素被點擊時添加樣式。比如下面的例子,當我們點擊按鈕時,按鈕會變成灰色:
button:active { background-color: #ccc; }
上面的代碼中,我們使用了:active偽元素,它表示元素被激活時的狀態(tài)。當我們點擊按鈕時,按鈕就被激活了,所以:active的樣式就會生效。
除了按鈕,我們還可以給其他元素添加:active樣式。比如一個鏈接:
a:active { color: red; }
上面的代碼給所有鏈接添加了:active樣式,當我們點擊鏈接時,鏈接文字就會變成紅色。
:active是CSS中非常實用的一個偽元素,它可以讓我們實現(xiàn)很多效果。需要注意的是,它只在元素被點擊時生效,點擊結(jié)束后就不起作用了。