:link伪选择器的用途是什么？a{}与a:link{}设置样式有何区别？

嘿，我来帮你把这两个问题讲明白～

:link 是CSS里专门针对未被用户访问过的链接设计的伪类选择器。它只对带有href属性的链接元素生效（最常用的就是<a>标签，也包括<area>、<link>这类），核心作用就是帮你给“用户还没点过的新链接”设置独特样式——比如把未访问链接设为蓝色，已访问设为灰色，让用户能直观区分哪些内容是没浏览过的，提升页面的易用性。

这俩规则的差异主要体现在作用范围和优先级两个方面：

• 作用范围不一样

  • a { border-color: red; } 会作用于所有<a>标签——不管这个<a>是不是带href的链接（比如有些<a>只是用来做锚点或者占位，没有href属性），也不管它是已访问还是未访问状态，都会被加上红色边框。
  • a:link { border-color: red; } 只针对带有href属性且未被访问过的<a>标签生效。那些没href的普通<a>，或者已经被用户点击过的链接，这个规则根本不会影响它们。

• CSS优先级有差异
  伪类选择器（比如:link）的优先级比单纯的元素选择器（a）要高。举个例子：如果你同时写了这两行代码：

  a { border-color: blue; }
  a:link { border-color: red; }
  

  那未访问的链接边框会是红色（因为a:link优先级更高，覆盖了a的规则），而没有href的普通<a>标签边框会是蓝色，已访问的链接如果没写a:visited规则，边框也会是蓝色。

内容的提问来源于stack exchange，提问作者Ole