偽類是CSS的重要概念，用于匹配在特定狀態(tài)下的HTML元素。比如，當(dāng)用戶將鼠標(biāo)懸停在鏈接上時(shí)，我們可以使用:hover偽類來改變鏈接的顏色。

a:hover {
color: red;
}

偽類定義時(shí)需要在CSS選擇器后加上冒號和偽類名稱。偽類可以分為以下幾種：

• 鏈接偽類: 匹配不同狀態(tài)下的鏈接，如:link/:visited/:hover/:active。

a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: red;
}
a:active {
color: green;
}

• 結(jié)構(gòu)性偽類: 匹配元素的結(jié)構(gòu)層次關(guān)系，如:first-child/:last-child/:nth-child。

ul li:first-child {
color: red;
}
ul li:last-child {
color: green;
}
ul li:nth-child(2) {
color: blue;
}

• 狀態(tài)性偽類: 匹配元素的狀態(tài)，如:checked/:disabled/:enabled/:focus。

input[type="checkbox"]:checked {
background-color: red;
}
input[type="text"]:disabled {
background-color: gray;
}
input[type="submit"]:enabled {
background-color: blue;
}
input[type="text"]:focus {
outline-color: green;
}

• 響應(yīng)式設(shè)計(jì)偽類: 匹配不同的屏幕尺寸，如:media。

@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
body {
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
body {
font-size: 18px;
}
}

以上是CSS偽類的定義方法和不同種類的偽類介紹。合理使用偽類可以幫助我們更好地掌控樣式，提高網(wǎng)頁的可維護(hù)性。