在CSS中,偽類選擇器是一種能夠通過選擇元素的狀態或位置等屬性來改變其樣式的選擇器。以下是6種常用的偽類選擇器:
1. :hover - 當鼠標懸停在元素上時,應用該樣式; 2. :active - 當用戶點擊元素時,應用該樣式; 3. :focus - 當元素獲得焦點時,應用該樣式,一般用于表單控件; 4. :visited - 選擇已經被訪問過的鏈接; 5. :first-child - 選擇某個元素的第一個子元素; 6. :last-child - 選擇某個元素的最后一個子元素。 下面是一個使用偽類選擇器的示例:```Hover me!
- First
- Second
- Last
在上面的代碼中,當鼠標懸停在鏈接上時,文字變為藍色;當輸入框獲取焦點時,添加陰影效果;而對于列表中的第一個和最后一個子元素,分別應用了不同的文字顏色。