所以我们需要使用下面的CSS锚类伪指令
a:link { color: red } a:visited { color: blue } a:hover { color: yellow } a:active { color: lime }
但是我的问题是为什么要麻烦a:link部分?相反,上述(除了可能的清晰度)还有什么优势吗?
a { color:red; } /* notice no :link part */ a:visited { color: blue; } etc.,etc.
解决方法
链接选择未访问的链接,即:具有浏览器未访问的href属性的锚点(浏览器供应商针对“访问”的任何定义)).
如果它具有:link,那么它将永远不会匹配< h1>< a name =“foo”>要连接到< / a>< / h1>的foo
(尽管您应该使用< h1 id =“foo”>将foo链接到< / h1>这些天.)
除此之外,它确实使它更清楚.
a { color: orange } a:link { color: blue } a:visited { color: indigo } a:hover { color: green } a:active { color: lime }
<a>my anchor without href</a> <br><br> <a href="http://somelinkhere.com">my anchor without href</a>
(他们也有不同级别的specificity)