CSS偽類中有一個非常常用的是:hover,它可以在用戶鼠標懸停在某個元素上時觸發(fā)相應的效果,常用于改變元素樣式或顯示隱藏內(nèi)容等。
使用:hover偽類非常簡單,只需要在CSS樣式表中選擇需要設置效果的元素,并添加:hover偽類,然后在花括號中定義相應的樣式即可。
/* 例如下面的CSS樣式,當鼠標懸停在a標簽上時,字體顏色將變?yōu)榧t色 */ a:hover { color: red; }
另外,:hover偽類也可以與其他偽類組合使用,例如::link、:visited和:active等,用于設置鏈接在不同狀態(tài)下的樣式。
/* 以下是一個鏈接在不同狀態(tài)下的樣式設置示例 */ a:link { color: blue; } a:hover { color: red; } a:visited { color: purple; } a:active { color: green; }
總之,:hover偽類是一個非常實用的CSS設置,并且可以與其他偽類組合使用,可以實現(xiàn)更加豐富的效果。