a 标签自己比较少用，但是平时难免会使用到，随手记录一下
去除 a标签的默认样式
a {text-decoration:none;color: black;}
a:hover{text-decoration:none; cursor:pointer}/*a标签鼠标经过mouseover时的样式*/
a:link{text-decoration:none; cursor:pointer;} /*a标签未访问时的样式*/
a:visited{text-decoration: overline ; cursor:pointer}/*a标签访问过之后样式*/
a:active{text-decoration:overline;cursor:pointer}/*a标签鼠标按下mousedown时的样式*/
在 a 标签中，有个容易被忽视的 “ :visited ” 。
a:visited从使用意义来说，是指用户访问过某一个链接之后，该链接的a标签将呈现对应:visited属性定义的样式。
这里的重点在于链接，经过测试发现
<html>
<head>
<style>
a:link{
color:blue;
}
a:visited{
color:red;
}
</style>
</head>
<body>
<a id="a1" href="#test1"></a>
<a id="a2" href="#test1"></a>
<a id="a3" href="#test3"></a>
</body>
</html>
点击a1之后的同时，a2也会应用visited的样式，但是a3不会。
可以得出这样的结论，a:visited是与URL有关，而与单个的a标签无关
利用这点，我们可以大胆的做一下尝试。
参考资料（侵删）：https://www.cnblogs.com/xueduanyang/archive/2010/11/09/1873110.html