web前端基礎:CSS僞類

鏈接僞類

鏈接的4種狀態:激活狀態,已訪問狀態,未訪問狀態,
和鼠標懸停狀態。

僞類 說明
:link 未訪問的鏈接
:visited 已訪問的鏈接
:hover 鼠標懸停狀態
:active 激活的鏈接

僞類:hover和:active

  1. :hover用於訪問的鼠標經過某個元素時
  2. :active用於一個元素被激活時(即按下鼠標之後放開
    鼠標之前的時間)
p:hover{corlor:red;}
p:active{font-size:50px;}

僞類:hover和:active兼容

• IE6及更早版本,支持元素的4種狀態
• IE6瀏覽器不支持其他元素的:hover和:active

鏈接僞類的順序

:Link > :Visited > :Hover > :Active
說明:

  1. a:hover 必須置於 a:link 和 a:visited 之後,纔有效
  2. a:active 必須置於 a:hover 之後,纔有效
  3. 僞類名稱對大小寫不敏感。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章