僞類和僞元素

給連接定義樣式

　　• 有四個僞類能夠讓你根據訪問者與該連接的交

　　   互方式，將連接設置成4種不一樣的狀態。

　　• 正常連接   – a:link

　　• 訪問過的連接– a:visited（只能定義字體顏色）

　　• 鼠標滑過的連接– a:hover

　　• 正在點擊的連接– a:active

其餘

　 　• 獲取焦點– :focus

　　• 指定元素前– :before

　　• 指定元素後– :after

　　• 選中的元素– ::selection

全部的僞類和僞元素

　　1 :checked 　　input:checked 選擇全部選中的表單元素

　　2:disabled 　　input:disabled 選擇全部禁用的表單元素

　　3:empty 　　 p:empty 選擇全部沒有子元素的p元素

　　4:enabled　　 input:enabled 選擇全部啓用的表單元素

　　5:first-of-type 　　p:first-of-type 選擇每一個父元素是p元素的第一個p子元素

　　6:in-range　　 input:in-range 選擇元素指定範圍內的值

　　7:invalid 　　input:invalid 選擇全部無效的元素

　　8:last-child 　　p:last-child 選擇全部p元素的最後一個子元素

　　9:last-of-type　　 p:last-of-type 選擇每一個p元素是其母元素的最後一個p元素

　　10:not(selector) 　　:not(p) 選擇全部p之外的元素

　　11:nth-child(n) 　　p:nth-child(2) 選擇全部p元素的第二個子元素

　　12:nth-last-child(n)　　 p:nth-last-child(2) 選擇全部p元素倒數的第二個子元素

　　13:nth-last-of-type(n) 　　p:nth-last-of-type(2) 選擇全部p元素倒數的第二個爲p的子元素

　　14:nth-of-type(n)　　 p:nth-of-type(2) 選擇全部p元素第二個爲p的子元素

　　15:only-of-type　　 p:only-of-type 選擇全部僅有一個子元素爲p的元素

　　16:only-child 　　p:only-child 選擇全部僅有一個子元素的p元素

　　17:optional 　　input:optional 選擇沒有"required"的元素屬性

　　18:out-of-range 　　input:out-of-range 選擇指定範圍之外的值的元素屬性

　　19:read-only 　　input:read-only 選擇只讀屬性的元素屬性

　　20:read-write　　 input:read-write 選擇沒有隻讀屬性的元素屬性

　　21:required　　 input:required 選擇有"required"屬性指定的元素屬性

　　22:root 　　root 選擇文檔的根元素

　　23:target 　　#news:target 選擇當前活動#news元素(點擊URL包含錨的名字)

　　24:valid　　 input:valid 選擇全部有效值的屬性

　　25:link 　　a:link 選擇全部未訪問連接

　　26:visited 　　a:visited 選擇全部訪問過的連接

　　27:active 　　a:active 選擇正在活動連接

　　28:hover 　　a:hover 把鼠標放在連接上的狀態

　　29:focus 　　input:focus 選擇元素輸入後具備焦點

　　30:first-letter 　　p:first-letter 選擇每一個<p> 元素的第一個字母

　　31:first-line　　 p:first-line 選擇每一個<p> 元素的第一行

　　32:first-child 　　p:first-child 選擇器匹配屬於任意元素的第一個子元素的 <p> 元素

　　33:before　　 p:before 在每一個<p>元素以前插入內容

　　34:after 　　p:after 在每一個<p>元素以後插入內容

　　35:lang(language)　　 p:lang(it) 爲<p>元素的lang屬性選擇一個開始值