css锚伪类

一、什么是伪类？

伪类：是一种特殊的类，由 css 自动支持，属 css 的一种扩展类型。伪类的名称不能被用户自定义，必须使用标准格式。

二、锚伪类

锚，代表超链接。锚伪类是超链接的四种状态。

例1、（超链接默认样式   如何更改成   ）

• 未访问状态（a:link）
• 鼠标悬停状态（a:hover）
• 活动状态（a:active）
• 已访问状态（a:visited）
  

三、顺序

  LVHA   :link :visited :hover :active

  注意：IE6、FF中必须清空缓存才能查看a:link效果，对缓存依赖性强。

  一般使用锚伪类时只使用 a{ color:red} a:hover{ color:blue}

  例2、通过所学内容完成以下实例：

默认状态为灰色无下划线，鼠标悬停为红色加下划线

四、伪类与css类、或与id结合使用

1. a.red:hover{color:red} /*class=red的a 鼠标悬停状态为红色 A.red强调为指定标签选择器*/
   
2.    a#current:hover{color:red}/*用于当前导航效果*/
   
3.   <a href="#" id="current">首页</a>
   
4.   <a href="#" class="red">新闻</a>

复制代码

例3、