一、概念
锚代表超链接。
伪类:是一种特殊的类,由css自动支持,属css的一种扩展类型。伪类的名称不能被客户自己设置,必需使用标准格式。
锚伪类是超链接的四种状态。
二、锚伪类四种状态
1. 未访问状态(a:link)
2. 已访问状态(a:visited)
3. 鼠标悬停状态(a:hover)
4. 活动状态(a:active)
三、顺序
LVHA :link :visited :hover :active
注意:a:link效果对缓存依赖性强,假如点击一次,需强制清缓存才能看到效果。
演示:
a:link{color:red;}/*未访问状态颜色为红色*/
a:vistited{color:yellow;}/*未访问状态颜色为黄色*/
a:hover{color:bule;}/*未访问状态颜色为蓝色*/
a:active{color:green;}/*未访问状态颜色为绿色*/
一般使用锚伪类时只使用 a{ color:red} a:hover{ color:blue}
四、伪类与css类、或者与id结合使用
例:
Css代码:
a.red:hover{color:red} /*class=red的a 鼠标悬停状态为红色 a.red强调为指定标签选择器*/
a#current:hover{color:red}/*用于当前导航效果*/
Html代码: