CSS：a：link vs just a(没有：link部分)

所以我们需要使用下面的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)