css中伪类选择器详解(a:visited不生效的原因)

css伪类是一种css定义的方法,主要用于对链接显示效果的定义,
主要包括:

  1. a:link :链接平常的状态。
  2. a:visited:链接被访问之后的状态。
  3. a:hover:鼠标停留在链接上的状态。
  4. a:active:链接被激活时的状态,也就是网页链接跳转之前的鼠标松开的状态。

在css中定义一个链接的伪类链接一定要遵循某个顺序,否则样式顺序出现错误,后面的样式被前面的样式覆盖,如下所示:

a:link{
	color:#036;
}
a:visited{ font-weight:bold;
			text-decoration:line-through;
			color:rgba(240,255,0,1.00);
}}
		
a:hover{font-weight:bold;
}
a:active{
	color:#f00;
}

定义顺序为a:link>a:visited>a:hover>a:active;

关于a:visited属性不生效的问题:

a:visited因为安全问题,在高版本的浏览器中,只有color属性才可以生效,
也只是仅限于ie浏览器才有用,其他的浏览器会因为缓存的原因,导致a:visited的属性在网页载入之后就会生效。
在这里插入图片描述
ie浏览器
而我在ie低版本的浏览器上测试,color属性没有生效,但是下划线的效果生效了。
参考链接
css属性失效
伪类属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值