CSS的偽類可以幫助我們實現一些特殊的操作,其中一個最常用的偽類是:hover,表示鼠標移動到元素上面的時候觸發的樣式。除了這個偽類,還有一個常用的偽類是:active,表示在點擊(或者觸摸)元素的時候觸發的樣式。
button:active { background-color: red; color: white; }
上面的代碼表示,當我們點擊一個按鈕的時候,按鈕的背景顏色會變成紅色,文字的顏色會變成白色。
除了這兩個偽類,CSS還有:focus偽類,表示元素獲得焦點的時候觸發的樣式。比如下面這個例子:
input:focus { border: 1px solid blue; }
上面的代碼表示,當我們選中一個輸入框的時候,輸入框會出現一條1像素寬的藍色邊框。
除了這些基本的偽類,我們還可以自定義一些偽類,比如:
a:visited { color: gray; }
上面的代碼表示,當我們訪問過一個鏈接之后,這個鏈接的顏色會變成灰色。
總之,CSS的偽類是非常強大的,可以幫助我們實現一些非常酷炫的效果,而且用起來非常簡單,非常值得我們深入學習。
上一篇java的獨享鎖和共享鎖
下一篇css使動畫勻速旋轉