CSS中的偽類可以用來選中某些交互行為觸發時所需的元素。其中最基本的是:hover偽類,表示選中鼠標懸停在元素上的狀態,可以設定鼠標懸停時元素的一些表現形式,比如改變背景色、邊框顏色等等。
.box:hover { background-color: #ccc; border: 1px solid #000; }
另外還有:focus偽類,一般用于表單元素如輸入框等,表示獲取焦點時所需的狀態,也可以設定某些表現形式。
input:focus { border: 2px solid red; }
還有:active偽類,表示元素被鼠標或者鍵盤激活時所需的狀態,比如點擊一個按鈕、按下某個鍵盤按鍵。
.btn:active { background-color: #555; color: #fff; }
此外還有一些其他的偽類如:first-child、:last-child、:nth-child()等等,用于選中特定的元素,可以根據具體需求使用。