链接伪类
链接的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 之后,才有效
- 伪类名称对大小写不敏感。