CSS是網(wǎng)頁(yè)設(shè)計(jì)中的重要一環(huán)，它的偽類樣式可以讓我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中隨意定義樣式，讓頁(yè)面呈現(xiàn)出更加美觀的效果。下面我們就來(lái)介紹幾個(gè)實(shí)際使用的CSS偽類樣式案例。

/* 1. hover */
a:hover {
color: red;
}

hover是CSS中最常用的偽類樣式之一，它能夠在用戶鼠標(biāo)移入時(shí)改變鏈接的樣式。例如上面的代碼就是讓鏈接變成紅色。

/* 2. active */
a:active {
color: gray;
}

active是讓鏈接在被點(diǎn)擊并處于激活狀態(tài)時(shí)，改變鏈接的樣式。例如上面的代碼就是讓鏈接變成灰色。

/* 3. visited */
a:visited {
color: purple;
}

visited是針對(duì)已訪問(wèn)過(guò)的鏈接，改變鏈接的樣式。例如上面的代碼就是讓鏈接變成紫色。

/* 4. first-child */
ul li:first-child {
background-color: orange;
}

first-child是選中目標(biāo)元素的父元素中的第一個(gè)子元素，可以改變子元素的樣式。例如上面的代碼將ul中第一個(gè)li元素的背景顏色改變成了橙色。

/* 5. nth-child */
ul li:nth-child(2) {
background-color: yellow;
}

nth-child是按照給定參數(shù)來(lái)選中目標(biāo)元素的父元素中的第N個(gè)子元素，可以改變子元素的樣式。例如上面的代碼將ul中第二個(gè)li元素的背景顏色改變成了黃色。

以上就是幾個(gè)常用的CSS偽類樣式案例，它們可以讓我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中更方便、更隨意地定義樣式，同時(shí)也可以讓我們的網(wǎng)頁(yè)更加美觀。