CSS偽類是為了在不改變HTML結(jié)構(gòu)的情況下,對HTML元素的特殊狀態(tài)進(jìn)行樣式設(shè)置。
例如hover偽類,表示當(dāng)鼠標(biāo)移動到該元素上時,設(shè)置的樣式就會生效。
常用的CSS偽類還包括:active、focus、first-child、last-child等等。
例如,設(shè)置一個按鈕在hover狀態(tài)下背景色變?yōu)榧t色: button:hover { background-color: red; }
另外,CSS偽類還可以和圖片一起使用,為圖片設(shè)置特殊狀態(tài)的樣式。
例如,設(shè)置一個圖片在hover狀態(tài)下縮小: img:hover { transform: scale(0.8); }
此時,當(dāng)鼠標(biāo)移動到該圖片上時,圖片就會縮小。
總之,CSS偽類是優(yōu)化頁面樣式的好幫手,能夠幫助開發(fā)者更精細(xì)地控制元素的顯示效果。