CSS中的偽類是一種特殊的CSS選擇器,它可以在元素處于特定狀態下時為其添加樣式。
常見的偽類包括:
:hover { /* 當鼠標懸停在元素上時應用的樣式 */ } :focus { /* 當元素被選中時應用的樣式 */ } :active { /* 當元素被激活時應用的樣式,例如用戶點擊時 */ } :first-child { /* 選擇元素的第一個子元素 */ } :last-child { /* 選擇元素的最后一個子元素 */ } :nth-child(n) { /* 選擇元素的第n個子元素 */ } :nth-of-type(n) { /* 選擇元素的第n個指定類型的子元素 */ } :checked { /* 當復選框或單選按鈕被選中時應用的樣式 */ }
例如,如果要將鼠標懸停在鏈接上時將其顏色更改為紅色,則可以使用以下CSS代碼:
a:hover { color: red; }
同樣的方式,我們可以使用偽類選擇器來控制其他元素的樣式,例如表格的第二行背景顏色、輸入框在獲得焦點時的邊框樣式等。
了解CSS中的偽類可以使我們更好地控制Web頁面的外觀和行為,因此它是CSS編寫中不可或缺的一部分。
下一篇css 長方形 凹