後端碼農談前端（CSS篇）第四課：選擇器補充（僞類與僞元素）

1、僞類：

屬性	描述
:active	向被激活的元素添加樣式。
:focus	向擁有鍵盤輸入焦點的元素添加樣式。
:hover	當鼠標懸浮在元素上方時，向元素添加樣式。
:link	向未被訪問的連接添加樣式。
:visited	向已被訪問的連接添加樣式。
:first-child	向元素的第一個子元素添加樣式。
:lang	向帶有指定 lang 屬性的元素添加樣式。

例如：
在支持 CSS 的瀏覽器中，連接的不一樣狀態均可以不一樣的方式顯示，這些狀態包括：活動狀態，已被訪問狀態，未被訪問狀態，和鼠標懸停狀態。

a:link {color: #FF0000}        /* 未訪問的連接 */

a:visited {color: #00FF00}    /* 已訪問的連接 */

a:hover {color: #FF00FF}            /* 鼠標移動到連接上 */

a:active {color: #0000FF}    /* 選定的連接 */

提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 以後，纔是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 以後，纔是有效的。
提示：僞類名稱對大小寫不敏感。

2、僞元素：

屬性	描述
:first-letter	向文本的第一個字母添加特殊樣式。
:first-line	向文本的首行添加特殊樣式。
:before	在元素以前添加內容。
:after	在元素以後添加內容。

例如：使用"first-line" 僞元素中的樣式對 p 元素的第一行文本進行格式化：

p:first-line

{

    color:#ff0000;

    font-variant:small-caps;

}