CSS選擇器(偽類選擇器)


偽類選擇器

  偽類專門用來表示元素的一種特殊的狀態

  比如:訪問過的超鏈接,比如普通的超鏈接,比如獲取焦點的文本框

  當我們需要為處在這些特殊狀態的元素設置樣式時,就可以使用偽類

  有四個偽類可以讓你根據訪問者與該鏈接的交互方式,將鏈接設置成4種不同的狀態:

  * 正常鏈接:- a:link

  * 訪問過的鏈接:- a:visited(只能定義字體顏色)

  * 鼠標滑過的鏈接: -a:hover

  * 正在點擊的鏈接: -a:active

  * 獲取焦點:-:focus

 

  * 指定元素前:-:before

 

  * 指定元素后:-:after

 

  * 選中的元素:-::selection

 

 

 

  訪問過的呈現紫色,未訪問過呈現藍色:

 

 

 

 

  為訪問過的鏈接設置一個顏色為深紅色

  瀏覽器是通過歷史記錄來判斷一個鏈接是否訪問過

  由於涉及到用戶的隱私問題,所以使用visited偽類只能設置字體的顏色

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  :hover 和 :active也可以為其他元素設置

  (IE6中不支持對超鏈接以外的元素設置)

 

 

 

 

 

 

 

 

 

 

  * 獲取焦點:-:focus

  * 指定元素前:-:before

  * 指定元素后:-:after

  * 選中的元素:-::selection

 

 

 

 

 

 

 點出來后:

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM