鏈接僞類
鏈接的4種狀態:激活狀態,已訪問狀態,未訪問狀態,
和鼠標懸停狀態。
僞類 | 說明 |
---|---|
:link | 未訪問的鏈接 |
:visited | 已訪問的鏈接 |
:hover | 鼠標懸停狀態 |
:active | 激活的鏈接 |
僞類:hover和:active
- :hover用於訪問的鼠標經過某個元素時
- :active用於一個元素被激活時(即按下鼠標之後放開
鼠標之前的時間)
p:hover{corlor:red;}
p:active{font-size:50px;}
僞類:hover和:active兼容
• IE6及更早版本,支持元素的4種狀態
• IE6瀏覽器不支持其他元素的:hover和:active
鏈接僞類的順序
:Link > :Visited > :Hover > :Active
說明:
- a:hover 必須置於 a:link 和 a:visited 之後,纔有效
- a:active 必須置於 a:hover 之後,纔有效
- 僞類名稱對大小寫不敏感。