偽類選擇器
偽類專門用來表示元素的一種特殊的狀態
比如:訪問過的超鏈接,比如普通的超鏈接,比如獲取焦點的文本框
當我們需要為處在這些特殊狀態的元素設置樣式時,就可以使用偽類
有四個偽類可以讓你根據訪問者與該鏈接的交互方式,將鏈接設置成4種不同的狀態:
* 正常鏈接:- a:link
* 訪問過的鏈接:- a:visited(只能定義字體顏色)
* 鼠標滑過的鏈接: -a:hover
* 正在點擊的鏈接: -a:active
* 獲取焦點:-:focus
* 指定元素前:-:before
* 指定元素后:-:after
* 選中的元素:-::selection
訪問過的呈現紫色,未訪問過呈現藍色:
為訪問過的鏈接設置一個顏色為深紅色
瀏覽器是通過歷史記錄來判斷一個鏈接是否訪問過
由於涉及到用戶的隱私問題,所以使用visited偽類只能設置字體的顏色
:hover 和 :active也可以為其他元素設置
(IE6中不支持對超鏈接以外的元素設置)
* 獲取焦點:-:focus
* 指定元素前:-:before
* 指定元素后:-:after
* 選中的元素:-::selection
點出來后: