网页制作之css锚伪类

  • 时间:2018-11-13 23:29 作者:小牛试讲 来源:小牛试讲 阅读:246
  • 扫一扫,手机访问
摘要:视频加载中...一、概念锚代表超链接。伪类:是一种特殊的类,由css自动支持,属css的一种扩展类型。伪类的名称不能被客户自己设置,必需使用标准格式。锚伪类是超链接的四种状态。二、锚伪类四种状态1. 未访问状态(a:link)2. 已访问状态(a:visited)3. 鼠标悬停状态(a:hover)

视频加载中...

网页制作之css锚伪类

一、概念

锚代表超链接。

伪类:是一种特殊的类,由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代码:

首页

新闻

  • 全部评论(0)
手机二维码手机访问领取大礼包
返回顶部