网页制作之css锚伪类

  • 时间:2018-11-13 23:29 作者:小牛试讲 来源:小牛试讲 阅读:936
  • 扫一扫,手机访问
摘要:视频加载中...一、概念锚代表超链接。伪类:是一种特殊的类,由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)
最新发布的资讯信息
【系统环境|】2FA验证器 验证码如何登录(2024-04-01 20:18)
【系统环境|】怎么做才能建设好外贸网站?(2023-12-20 10:05)
【系统环境|数据库】 潮玩宇宙游戏道具收集方法(2023-12-12 16:13)
【系统环境|】遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!(2023-10-12 17:31)
【系统环境|服务器应用】克隆自己的数字人形象需要几步?(2023-09-20 17:13)
【系统环境|】Tiktok登录教程(2023-02-13 14:17)
【系统环境|】ZORRO佐罗软件安装教程及一键新机使用方法详细简介(2023-02-10 21:56)
【系统环境|】阿里云 centos 云盘扩容命令(2023-01-10 16:35)
【系统环境|】补单系统搭建补单源码搭建(2022-05-18 11:35)
【系统环境|服务器应用】高端显卡再度登上热搜,竟然是因为“断崖式”的降价(2022-04-12 19:47)
手机二维码手机访问领取大礼包
返回顶部