html css记忆表,a的伪标签-css

本文详细介绍了CSS中a标签的四种伪类选择器:link、visited、hover和active,用于设置不同状态下a标签的样式。遵循爱恨原则(LOVHATE)来定义顺序,并通过例子展示了如何使用这些选择器为a标签设置颜色。了解这些选择器有助于提升网页交互体验。
摘要由CSDN通过智能技术生成

a标签的伪类选择器是专门用来修改a标签不同状态的样式的

1.a标签存在一定的状态

1.1默认状态, 从未被访问过

1.2被访问过的状态

1.3鼠标长按状态

1.4鼠标悬停在a标签上状态

2.格式

:link 修改从未被访问过状态下的样式

:visited 修改被访问过的状态下的样式

:hover 修改鼠标悬停在a标签上状态下的样式

:active 修改鼠标长按状态下的样式

3.注意点

3.1a标签的伪类选择器可以单独出现也可以一起出现

3.2a标签的伪类选择器如果一起出现, 那么有严格的顺序要求

编写的顺序必须要个的遵守爱恨原则 love hate

3.3如果默认状态的样式和被访问过状态的样式一样, 那么可以缩写

例子

Document

/*a{*/

/*color: pink;*/

/*}*/

a:link{

color: #242424;

}

a:visited{

color: tomato;

}

a:hover{

color: yellow;

}

a:active{

color: red;

}

www.gksmet.com

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值