CSS偽類，是一種特殊的類，它針對到CSS選擇器起作用，使選中的標簽或元素產生特定的效果。
CSS偽類的語法就是： 選擇器 : 偽類名 { 屬性 : 屬性值 }
用的最多的偽類就是超鏈接a的偽類，有:link，:visited，:hover，:active，而且需要按照這個順序設置，有個簡單的記法是，取首字母組成 love hate，記住“愛恨”就行了。
1， 查看超鏈接a標簽的默認樣式
新建一個網頁a.html，復制下面的內容：
<html>
<head>
</head>
<body >
<a>沒有href的a標簽,字體沒有修飾，鼠標放上去也沒反應</a> </br>
<a href="#" target="_blank"> href為#的a標簽，默認藍色，帶下划線，鼠標放上去變成手 </a> </br>
<a href="http://www.a.com" target="_blank" >href為網址的a標簽，效果同上</a>
</body>
</html>
在瀏覽器中查看，效果如下：
2， 去掉超鏈接的下划線
一般我們看到的超鏈接都是沒有下划線的，這里通過css去掉下划線。
<html>
<head>
<style type="text/css">
a { text-decoration:none;}
</style>
</head>
<body >
<a>沒有href的a標簽,字體沒有修飾，鼠標放上去也沒反應</a> </br>
<a href="#" target="_blank"> href為#的a標簽，默認藍色，帶下划線，鼠標放上去變成手 </a> </br>
<a href="http://www.a.com" target="_blank" >href為網址的a標簽，效果同上</a>
</body>
</html>
效果圖如下：
通過 a { text-decoration:none;} 去掉下划線。
這句話的意思是“設置a標簽的文本修飾為none，就是沒有樣式”
3， 給a標簽添加上偽類，代碼如下：
<html>
<head>
<style type="text/css">
a { text-decoration:none;}
a:link { color: red;}
a:visited { color: green;}
a:hover { color: blue;}
a:active { color: yellow;}
</style>
</head>
<body >
<a>沒有href的a標簽,字體沒有修飾，鼠標放上去也沒反應</a> </br>
<a href="#" target="_blank"> href為#的a標簽，默認藍色，帶下划線，鼠標放上去變成手 </a> </br>
<a href="http://www.a.com" target="_blank" >href為網址的a標簽，效果同上</a>
</body>
</html>
效果圖如下：
此時，CSS起作用的是a:link { color: red;}
如果a標簽具有href屬性，並且沒有被瀏覽器打開過，超鏈接就會顯示為紅色；
第一個a標簽沒有href屬性，顯示效果和文本一樣。
第二個雖然是個無效的href值，href=”#”，但是這種情況也常用，可以通過腳本寫一些事件；
第三個是有效的鏈接地址，顯示正常。
瀏覽器似乎會記憶很長時間，只要你曾經打開過這個href中寫的url，它都會認為你打開過這個鏈接。
4， 單擊a標簽，查看訪問過的樣式
效果圖如下：
此時可以看出，a標簽中的文本都變為綠色了。
此時起作用的是a:visited { color: green;}
它的作用就是設置被訪問過的超鏈接a的樣式。
而且只要被瀏覽器訪問過，瀏覽器會記憶很久。
5， 把鼠標放到超鏈接上，查看效果
此時，第一個標簽顯示為藍色，因為我用的是qq截圖，所以沒有把“鼠標手”截圖下來。
a:hover { color: blue;}
這是設置當鼠標放到標簽a的上方的時候，應用的樣式，這里設置字體為藍色；當鼠標移走，就又恢復了本來的樣式。
6， 單擊一下超鏈接，看看效果
此時可以看到，超鏈接字體變為了黃色。
a:active { color: yellow;}
這個就是設置當單擊(也就是激活)a標簽時，超鏈接的樣式。這里設置字體黃色。
二、著名網站對a標簽的設置
1，網站導航hao123.com
該網站首先對a標簽進行統一的設置，代碼如下：
a {
color: #333;
text-decoration: none;
outline: 0px none;
}
設置了字體顏色，去掉了下划線。
然后，當把鼠標放到超鏈接上時，效果如下：
字體設置為紅色，帶有下划線。
代碼如下：
a:hover { color: red; text-decoration:underline}
對hao123來說，他只設置了這a標簽的通用樣式，和鼠標懸浮狀態，這樣，我們看着導航網也比較正常，否則會導致一個網頁上，超鏈接顏色不同，不好看。
2，騰訊qq網
a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
3，淘寶網
a{
color:#6d6d6d;
text-decoration:none
}
a:hover{
color:#ff4200;
text-decoration:underline
}
因為IE6對 : hover 是支持的，而對其他的偽類不是太支持，因此設置一個 a 的通用樣式和 : hover樣式就足夠了。
而且也沒有必要對a標簽設置4中狀態，上面的例子就可以看出。
文章在百度經驗的地址：
http://jingyan.baidu.com/article/0320e2c1f7a5741b87507bf0.html