关于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方法获取便签的颜色时，获取的颜色还为未访问时的颜色，如下图所示：
图片说明
请问为什么会出现上面两个问题？

你注明哪个伪类样式呀

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

var dom = document.getElementById("test"),
    style = window.getComputedStyle(dom , ":after");

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