a vs a:link，有什么区别？答案

【问题标题】：a vs a:link, What is the difference?a vs a:link，有什么区别？
【发布时间】：2010-12-27 17:11:27
【问题描述】：

a {...} 和 a:link{...} 有什么区别？

它们之间有不同的用法和好处吗？

【问题讨论】：

【解决方案1】：

a 涵盖所有基础。 a:link 仅在 un-visited、un-hovered 和 in-active 中的链接时使用。

所以，使用a 表示字体系列（如果您希望链接以不同的字体显示），然后使用link 进行标准格式，并使用visited、hover 和@987654331 @ 表示“特殊效果”。

编辑：在阅读了 Sander 的 W3C link 之后，我可以看出我没有完全正确。 a:link 将级联到 a:hover 和 a:active，即 a:link 中未被动态伪类覆盖的任何内容也将适用于它们。

【讨论】：

【解决方案2】：

a:link 基本上只影响具有 href 属性的链接（如果 a:visited、a:hover 或 a:active 不适用）...我注意到差异的主要情况是 a:link不会影响Named Anchors 而a 会。此外，如果没有其他伪类被拒绝，a 是默认样式。

<a name="Section1">Section 1</a>

【讨论】：

实际上，一个命名的锚是可见的（只要它有内容）。
是的，Section 1 是 a:link 不会影响样式的示例。
糟糕，我不小心删除了那个。是的，我同意他们可以有内容，您可以在a 上使用 css 来更改样式。认为带有 href 的所有内容都受a:link 的影响是不正确的
是的，我想我说错了。 a:link 不会影响没有 href 我应该说的锚点。

【解决方案3】：

根据W3Ca:link表示未访问，a:visited表示已访问，仅a适用于两者。

【讨论】：

你是正确的。我不知道为什么还没有将其标记为已回答。
这是不正确的：a:link 用于作为链接的锚标记（具有href）属性。 a 影响所有锚标签。（参见，例如，jsbin.com/uxuyum/1）
@futuraprime 这也不是真的。更正确的说法是 :link 仅适用于具有 href 属性且未被访问、未激活或悬停的锚标记。这一点非常重要，因为这意味着一旦链接被访问、悬停或处于活动状态，使用 a:link 应用的样式将不再适用。
不，链接样式继续应用于悬停/访问（至少在 Chrome 中）：jsbin.com/uxuyum/3 — 如果您将鼠标悬停在链接上，它仍保留在无衬线字体中。它与 :hover & 等具有同等优先级。