html中伪类选择器状态类主要分为以下几种:
当设置了状态时,顺序没有错的前提下,未访问之前 link 样式没反应,可能是因为记录已经在浏览器的缓存中了。也就是说在你的浏览器上只要点击过 链接,就已经记录到浏览器的缓存中了,所以已经是被访问过的链接了,即使链接是之前访问的,刷新了也是不会起作用的。
所以如果希望 link 有作用,需要先清除浏览器的数据。不同浏览器可能会有所不同,以edge浏览器为例,可以在浏览器的设置中进行如下操作:设置>隐私、搜索和服务>清除浏览数据>时间范围>立即清除。
清除完之后,会发现 link 样式生效了。代码样式及效果图如下:
a:link{
color: brown;
}
a:visited{
color: rgb(162, 243, 216);
}
a:hover{
font-size: 33px;
}
a:active{
color: yellowgreen;
}
<a href="#">baidu</a>