在CSS中，偽類是指用來選擇元素的特殊關(guān)鍵字，它可以幫助我們更精細(xì)地控制樣式表達(dá)式，實(shí)現(xiàn)更多樣化的頁面效果。下面介紹4種常用的CSS偽類。

1. :hover

:hover偽類用于指定當(dāng)鼠標(biāo)懸停在元素上時(shí)的樣式，常用于按鈕、超鏈接等元素的樣式設(shè)置，非常實(shí)用。例如：

a:hover {
color: red;
}
button:hover {
background: grey;
}

這段代碼讓超鏈接在鼠標(biāo)懸停時(shí)文字變成紅色，按鈕的背景變成灰色。

2. :active

:active偽類用于指定當(dāng)元素被激活時(shí)的樣式，比如鼠標(biāo)點(diǎn)擊按鈕、表單元素提交等事件。例如：

button:active {
background: yellow;
}
input:active {
border: 1px solid green;
}

這段代碼讓按鈕被點(diǎn)擊時(shí)背景變成黃色，表單元素邊框變成綠色。

3. :focus

:focus偽類用于指定當(dāng)元素獲得焦點(diǎn)時(shí)的樣式，比如文本框點(diǎn)擊輸入時(shí)，或者通過tab鍵轉(zhuǎn)移焦點(diǎn)時(shí)。例如：

input:focus {
outline: none;
border: 2px solid blue;
}
textarea:focus {
background: lightyellow;
}

這段代碼讓文本框獲得焦點(diǎn)時(shí)邊框變成藍(lán)色、不再出現(xiàn)默認(rèn)的虛線，文本域的背景變成淺黃色。

4. :nth-child

:nth-child偽類用于匹配某個(gè)元素的父元素的第n個(gè)子元素，n從1開始。同時(shí)，:nth-child可以和odd或者even關(guān)鍵字組合使用，表示奇數(shù)或偶數(shù)。例如：

ul li:nth-child(3n) {
background: pink;
}
ul li:nth-child(odd) {
color: blue;
}

這段代碼讓列表ul的每3個(gè)li標(biāo)簽的背景變成粉色，同時(shí)將奇數(shù)位置的li標(biāo)記文字變藍(lán)。這個(gè)偽類的使用需要相當(dāng)謹(jǐn)慎，因?yàn)樗鼘?duì)頁面性能消耗較大。