CSS中有四個(gè)偽類用來(lái)給鏈接添加樣式，分別是:link、:visited、:hover和:active?？梢杂帽扔魇址ń忉屓缦拢?/p>

• :link是當(dāng)鏈接還沒(méi)有被訪問(wèn)過(guò)時(shí)，就像一本新書(shū)還沒(méi)有被翻開(kāi)過(guò)一樣。

• :visited是當(dāng)鏈接已經(jīng)被訪問(wèn)過(guò)時(shí)，就像一本舊書(shū)已經(jīng)被讀過(guò)了一樣。

• :hover是當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，就像一本書(shū)被拿起來(lái)看看封面一樣。

• :active是當(dāng)點(diǎn)擊或按下鏈接時(shí)，就像一本書(shū)被打開(kāi)了一樣。

例如，下面的代碼會(huì)讓<a>元素在不同狀態(tài)下顯示不同的顏色：

a:link { ?color: blue; }

a:visited { ?color: purple; }

a:hover { ?color: red; }

a:active { ?color: green; }

這些偽類有一個(gè)推薦的順序，也就是常說(shuō)的愛(ài)恨原則（Love Hate Principle），即:link、:visited、:hover、:active，對(duì)應(yīng)于英文單詞love和hate的字母。這個(gè)順序是為了避免樣式之間的沖突，因?yàn)镃SS中后定義的樣式會(huì)覆蓋前面定義的樣式。例如，如果把:hover放在:link之前，那么當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，:link的樣式就會(huì)被:hover的樣式覆蓋，而不會(huì)有任何變化。所以，按照愛(ài)恨原則，可以保證每個(gè)偽類都能生效。

注意，這里的偽類的順序是按照愛(ài)恨原則，即:link、:visited、:hover、:active。如果改變這個(gè)順序，比如把:hover放在:link之前，那么當(dāng)鼠標(biāo)懸停在鏈接上時(shí)，鏈接的背景色就不會(huì)變成橙色，而是保持黃色，因?yàn)?hover的樣式被:link的樣式覆蓋了。

a:link?{ ?background-color: yellow; }

a:visited?{ ?background-color: pink; }

a:hover?{ ?background-color: orange; }

a:active?{ ?background-color: lime; }