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.   首页
  4.   新闻
复制代码

例3、
css锚伪类_第1张图片

你可能感兴趣的:(css锚伪类)