CSS:a:link 与 a(没有 :link 部分)

Question

因此我们需要对 CSS anchor 伪类使用以下顺序

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.

Answer 1

:link选择未访问的链接，即:带有 href 的 anchor 浏览器未访问过的属性(对于浏览器供应商对“已访问”的任何定义)。

如果它有:link那么它永远不会匹配 <h1><a name="foo">A foo to be linked to</a></h1>

(尽管这些天你应该使用 <h1 id="foo">A foo to be linked to</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)