谷歌浏览器中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对它的设置的
posted @ 2018-07-16 10:26  剑仙6  阅读(512)  评论(0编辑  收藏  举报
欢迎访问个人网站www.qingchun.在线