css僞類選擇器

css中有許多的僞類選擇器，用來實現一些特殊的效果

鏈接

選擇器	實例	說明
link	a:link	選擇所有未訪問的鏈接
visited	a:visited	選擇所有訪問過的鏈接
hover	a:hover	鼠標放在上面的狀態
active	a:active	正在活動的鏈接

a:link {color:#FF0000;} /* 未訪問的鏈接 */
a:visited {color:#00FF00;} /* 已訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標劃過鏈接 */
a:active {color:#0000FF;} /* 已選中的鏈接 */

注意：

1. 在css定義中a標籤的hover必須放在link和visited之後，纔是有效的。
2. 在css中a標籤的active 必須放在hover之後纔有效，其他標籤不受限制。
3. link、visited只能用在a標籤中

標籤、元素查找類

選擇器	實例	說明
:first-child	p:first-child	選擇器匹配屬於任一元素的第一個子元素的p標籤
:first-line	p:first-line	選擇每個p元素的第一行
:first-letter	p:first-letter	選擇每個p元素的第一個字母
:first-of-type	p:first-of-type	選擇每個父元素是p元素的第一個p子元素
:last-child	p:last-child	選擇所有p元素的最後一個子元素
:last-of-type	p:last-of-type	選擇每個p元素是其母元素的最後一個p元素
:not(selector)	:not§	選擇所有p以外的元素

進行標籤狀態的操作

選擇器	實例	說明
:hover	p:hover	鼠標放在元素上的操作
:active	p:active	鼠標選中該元素的操作
:focus	input:focus	input選中焦點的操作

注意：
focus只適用於有幾焦點的元素。

標籤位置的操作

選擇器	實例	說明
:before	p:before	在p標籤前面進行的操作
:after	p:after	在p標籤後面進行的操作