CSS偽類active可以用來為元素的活動狀態添加特殊樣式。
a:active { color: red; font-weight: bold; }
上面的CSS代碼表示,當用戶點擊一個鏈接時,鏈接文本將會變成紅色并加粗顯示。通常來說,我們會在CSS中使用hover偽類來為鼠標懸停時添加樣式,而active偽類則用于為點擊時添加樣式。
另一個常見的active偽類例子是在CSS中為按鈕添加樣式:
button:active { background-color: yellow; border: 2px solid #000; color: #000; outline: none; }
上述代碼表示,當用戶點擊一個按鈕時,按鈕的背景色將會變成黃色,邊框將會顯示為2像素寬的黑色邊框,文字顏色將會變為黑色,并且去掉聚焦時的外邊框。
總之,CSS偽類active可以用于為元素的點擊狀態添加特殊樣式,特別是在網頁的UI設計中非常有用。