CSS僞類、僞元素

CSS僞類用於向某些選擇器添加特殊的效果。

錨僞類
在支持 CSS 的瀏覽器中，鏈接的不同狀態都可以不同的方式顯示，這些狀態包括：活動狀態，已被訪問狀態，未被訪問狀態，和鼠標懸停狀態。

a:link {color: #FF0000}     /* 未訪問的鏈接 */
a:visited {color: #00FF00}  /* 已訪問的鏈接 */
a:hover {color: #FF00FF}    /* 鼠標移動到鏈接上 */
a:active {color: #0000FF}   /* 選定的鏈接 */

注意:
(1) 在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，纔是有效的。
(2) 在 CSS 定義中，a:active 必須被置於 a:hover 之後，纔是有效的。
(3) 僞類名稱對大小寫不敏感。

:first-child 僞類
選擇元素的第一個子元素。

:first-line 僞元素
“first-line” 僞元素用於向文本的首行設置特殊樣式。
注意：
（1）”first-line” 僞元素只能用於塊級元素。
（2）下面的屬性可應用於 “first-line” 僞元素：
font、color、background、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear

:first-letter 僞元素
“first-letter” 僞元素用於向文本的首字母設置特殊樣式。
注意：
（1）”first-letter” 僞元素只能用於塊級元素。
（2）下面的屬性可應用於 “first-letter” 僞元素：
font、color、background、margin、padding、border、text-decoration、vertical-align (僅當 float 爲 none 時)、text-transform、line-height、float、clear

:before 僞元素
“:before” 僞元素可以在元素的內容前面插入新內容。

下面的例子在每個 <h1> 元素前面插入一幅圖片：

h1:before
  {
  content:url(logo.gif);
  }

:after 僞元素
“:after” 僞元素可以在元素的內容之後插入新內容。