CSS偽類是一種特殊的CSS選擇器,可以選擇在特定狀態下應用樣式。常見的偽類包括:hover、:active、:visited等,這些偽類可以實現鼠標懸停時樣式的變化、鏈接點擊后的狀態等。
其中,:active偽類可以用來實現點擊后樣式的變化,比如可以在點擊按鈕時改變按鈕的背景色:
button:active { background-color: red; }
這樣,當用戶點擊按鈕時,按鈕的背景色會變為紅色。
除了:active偽類,還可以使用其他偽類來實現點擊后的樣式變化。比如,可以使用:checked偽類來選擇被選中的復選框或單選框,并為其應用樣式。
input[type=checkbox]:checked { outline: 2px solid blue; }
這樣,當用戶勾選復選框時,復選框周圍會出現藍色邊框。
總之,使用CSS偽類可以輕松地實現頁面元素的點擊效果,豐富頁面的交互體驗。