在CSS中，我們可以使用屬性值來設(shè)置樣式。這意味著，我們可以根據(jù)元素的屬性值來改變其外觀和行為。

例如，我們可以使用以下CSS來根據(jù)鏈接的狀態(tài)設(shè)置樣式：
a:link {
color: blue;
}
a:hover {
color: red;
}
a:visited {
color: purple;
}

這段CSS代碼指定了按順序的鏈接狀態(tài)，并為每個(gè)狀態(tài)設(shè)置了不同的顏色。當(dāng)鏈接未被訪問時(shí)，其顏色為藍(lán)色；當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，其顏色變?yōu)榧t色；當(dāng)鏈接被訪問過后，其顏色變?yōu)樽仙?/p>

另一個(gè)例子是根據(jù)元素的屬性值來設(shè)置背景圖像：
div[data-background="forest"] {
background-image: url("forest.jpg");
}
div[data-background="beach"] {
background-image: url("beach.jpg");
}

這段CSS代碼使用了HTML5的自定義數(shù)據(jù)屬性"data-"，并在每個(gè)數(shù)據(jù)屬性值中指定了背景圖像的名稱。當(dāng)我們需要一個(gè)山林的背景時(shí)，我們可以將數(shù)據(jù)屬性值設(shè)為"forest"，這將使CSS選擇具有該屬性值的div元素，并將其樣式設(shè)置為 "forest.jpg"。同樣，當(dāng)我們需要一個(gè)海灘的背景時(shí)，我們將數(shù)據(jù)屬性值設(shè)為"beach"，這將使CSS選擇具有該屬性值的div元素，并將其樣式設(shè)置為"beach.jpg"。

上面這兩個(gè)例子只是CSS使用屬性值設(shè)置樣式的極少數(shù)事例。使用屬性值來設(shè)置樣式可以為我們提供更具靈活性的設(shè)計(jì)控制。我們可以根據(jù)元素的任何屬性值來設(shè)置樣式 - 不僅僅是鏈接狀態(tài)或，自定義數(shù)據(jù)屬性等因素。我們只需要維護(hù)良好的HTML代碼，以便為每個(gè)元素提供明確的屬性值。