CSS僞類的概念及作用

你對CSS僞類的概念和作用是否熟悉,這裏和大家分享一下,CSS僞類(Pseudoclasses)是選擇符的螺栓,用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和僞類。

CSS僞類的概念及作用

CSS僞類(Pseudoclasses)是選擇符的螺栓,石家莊電腦維修用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudoclass{property:value;},簡單地用一個半角英文冒號(:)來隔開選擇符和僞類。

CSS很多的建議並沒有得到瀏覽器的支持,但有四個可以安全使用的用在連接上的CSS僞類。

◆link用在爲訪問的連接上。

◆visited用在已經訪問過的連接上。

◆hover用於鼠標光標置於其上的連接。

◆active用於獲得焦點(比如,被點擊)的連接上。

例如:

ExampleSourceCode

  1. a:link{  
  2. color:red  
  3. }  
  4. a:visited{  
  5. color:green  
  6. }  
  7. a:hover{  
  8. color:blue  
  9. }  
  10. a:active{  
  11. color:orange  
  12. }  
  13.  

注意

儘管CSS給予你繞開的控制權,用不同的顏色表示已經訪問過的連接是一個很好的習慣,因爲很多用戶還是這樣預期的。CSS僞類(除了hover)不常用,恐怕也沒有過去常用。因此,它沒有過去那樣有用了。但如果你能收集用戶的意見,你會發現應該使用它。

傳統上,連接文本是藍色的,已訪問的連接是紫色的。也許,這是最有效、最有用的顏色。然而,伴隨着CSS的廣泛發展,這種顏色不會是平常的了,用戶也不再假設連接必須是藍色或紫色的。

你應該也可以在除了連接的其他元素上使用hover僞類。不幸的是,InternetExplore並不支持。這真是一個極大的煩惱。
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章