关于Web前端a标签CSS的相关问题

代码如下:

 <html>
<head>
<style type="text/css">
a:link {color: #FF0000}
a:visited {color: #00FF00;font-size:60px}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
</style>
</head>
<body>
<p><b><a id='id0' href="https://www.baidu.com" target="_blank">BAIDU</a></b></p>
</body>
</html>

在访问链接后,标签颜色发生变化但是字体大小却没有发生变化如下图所示:
图片说明
尽管访问后颜色发生改变但是使用getComputedStyle方法获取便签的颜色时,获取的颜色还为未访问时的颜色,如下图所示:
图片说明
请问为什么会出现上面两个问题?

2个回答

你注明哪个伪类样式呀

var style = window.getComputedStyle("元素", "伪类");
例如:

var dom = document.getElementById("test"),
    style = window.getComputedStyle(dom , ":after");
hahaxtu
hahaxtu 添加后还是没有变化,比如添加:visited伪类后值还是rgb(255,0,0)
大约 3 年之前 回复

据说~
IE7+、Firefox、Chrome浏览器,也就是说IE6之后的浏览器,都不再支持a:visited的粗细color颜色之类属性,即访问后变粗变细的font-weight设定

hahaxtu
hahaxtu 已百度到,谢谢
大约 3 年之前 回复
hahaxtu
hahaxtu 可否给份文档参考下
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问