当前位置: 首页 > 工具软件 > Alink > 使用案例 >

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

爱花蜂
2023-12-01
<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对它的设置的
 类似资料: