CSS偽類的概念及作用
CSS偽類(Pseudoclasses)是選擇符的螺栓，用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;}，簡單地用一個半角英文冒號(:)來隔開選擇符和偽類。
CSS很多的建議并沒有得到瀏覽器的支持，但有四個可以安全使用的用在連接上的CSS偽類。
1.link用在為訪問的連接上。
2.visited用在已經訪問過的連接上。
3.hover用于鼠標光標置于其上的連接。
4.active用于獲得焦點(比如，被點擊)的連接上。
例如：

CSS Code復制內容到剪貼板

ExampleSourceCode   
a:link{     
color:red     
}     
a:visited{     
color:green     
}     
a:hover{     
color:blue     
}     
a:active{     
color:orange     
}    

注意：
盡管CSS給予你繞開的控制權，用不同的顏色表示已經訪問過的連接是一個很好的習慣，因為很多用戶還是這樣預期的。CSS偽類(除了hover)不常用，恐怕也沒有過去常用。因此，它沒有過去那樣有用了。但如果你能收集用戶的意見，你會發現應該使用它。
傳統上，連接文本是藍色的，已訪問的連接是紫色的。也許，這是最有效、最有用的顏色。然而，伴隨著CSS的廣泛發展，這種顏色不會是平常的了，用戶也不再假設連接必須是藍色或紫色的。
你應該也可以在除了連接的其他元素上使用hover偽類。不幸的是，InternetExplore并不支持。這真是一個極大的煩惱。

偽元素
實際上來說，CSS 中的偽元素在HTML上是不存在的，使用的時機通常都是針對某樣元素特殊處理時才會用到
常用的 pseudo-element：
::first-line
可以指定 p 元素第一行的樣式
::first-letter
可以指定 p 元素第一個字的樣式
::selection
定義使用者反白后的效果
::before
在元素之前插入內容
::after
在元素之后插入內容
范例 HTML

XML/HTML Code復制內容到剪貼板

<p>  
    臣亮言，先帝創業未半<br>  
  
    每天，天剛亮時，我母親便把我喊醒，叫我披衣坐起。我從不知道她醒來坐了多久了。   
</p>  

first-line and first-letter

CSS Code復制內容到剪貼板

/* 第一行樣式 */  
p::first-line {   
    color: red;   
}   
/* 開頭第一個字樣式 */