CSS---伪类

CSS—伪类

伪类和类相比较,伪类不需要给标签添加任何属性。伪类名都是语法提前规定好的,书写时伪类必须搭配其他选择器使用。伪类选择器后面添加的样式不一定立即加载到浏览器之上,只有用户触发了对应的行为伪类的样式才会立即加载(对应类选择器的属性会立即添加到页面上)。

标签的伪类

标签可以根据用户行为的不同划分为四种状态,通过伪类可以设置成不同的样式结果。

a:link{

color:grey

}***(访问前样式)***

a:visited{

color: cyan

}***(访问后样式)***

a:hover{

color:red

}***(鼠标放在按钮上方时的样式)***

a:active{

color:yellow

}***(鼠标点击按钮时发生样式的改变)***

要想让每个伪类的状态正常加载,就必须按以上四个标签的书写顺序书写。love hate

标签的伪类实际应用:

一般会将访问前和访问后状态设置为一样的效果,保证了页面的统一性。可以选择性设置鼠标上和鼠标点击状态。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值