谷歌浏览器中a:link设置字体颜色无效问题

<div id="box">
    <a href="#">111111</a>
    <a href="">22222</a>
</div>
同样的css
#box a:link{ color:red;}
#box a:hover{ color:black;}

在谷歌里可以看见两个不同结果，这是因为a:link会对拥有href=”“，即拥有实际链接地址的a对象发生效果。
#box a:link {color: red} /* 未访问的链接 */
#box a:visited {color: blue} /* 已访问的链接 */
#box a:hover {color: black} /* 鼠标移动到链接上 */
#box a:active {color: green} /* 选定的链接 */
当你点击<a href="#">111111</a>后变成蓝色了，如果把它改成<a href="#1">111111</a>，它又变成没有点击过的红色了

由此可见，href的属性值是会改变css对它的设置的

转载于:https://www.cnblogs.com/jianxian/p/9316391.html