HTML偽類是一種CSS選擇器,用于為特定元素添加樣式。使用偽類標簽時,需要在CSS樣式表中使用選擇器來選擇需要添加樣式的元素,并在選擇器后面加上偽類標簽。
以下是一些常見的HTML偽類標簽及其使用方法:
1. :hover 偽類標簽:當鼠標懸停在元素上時觸發。
示例代碼:
```
a:hover {
color: red;
}
```
2. :active 偽類標簽:當元素被激活時觸發,例如當用戶點擊鏈接時。
示例代碼:
```
a:active {
color: blue;
}
```
3. :focus 偽類標簽:當元素被選中或獲得焦點時觸發,例如當用戶在表單中輸入文本時。
示例代碼:
```
input:focus {
background-color: yellow;
}
```
4. :first-child 偽類標簽:選擇元素的第一個子元素。
示例代碼:
```
ul li:first-child {
font-weight: bold;
}
```
5. :last-child 偽類標簽:選擇元素的最后一個子元素。
示例代碼:
```
ul li:last-child {
font-style: italic;
}
```
6. :nth-child(n) 偽類標簽:選擇元素的第n個子元素,其中n可以是數字、表達式或關鍵字。
示例代碼:
```
ul li:nth-child(odd) {
background-color: lightgray;
}
```