:link 伪类有什么意义？

Question

我理解

:link

允许选择未访问的元素，并且我知道 LoVe-HAte 技巧 可以记住放置各种链接伪类的顺序。但在实践中，我总是这样设计链接：

a {
    /* common styles for all links, regardless of state */
    /* this includes unvisited links, and thus a:link */
}
a:visited {
    /* specific styles for visited links */
}
a:hover {}
a:active {}

由于链接要么被访问，要么未被访问，这涵盖了所有可能的情况，我真的不明白

:link

伪类添加到表中的内容。

我错过了什么吗？

Answer 1

a:link

选择器可让您在实际链接到某处的

<a>

标签上设置样式。

传统上，不带

<a>

 属性的 

href

 标签通常用作文档中的标记；将位置设置为 

document.html#foo

 会将您跳转到文档中 

<a id="foo">

 所在的位置。毕竟，它被称为“锚”标签是有原因的。

传统的 HTML 可能看起来像这样：

<h2>Navigation</h2>
<a href="#ch1">Chapter 1</a>

...

<h3><a id="ch1">Chapter 1</a></h3>
<p>It was the best of times...</p>

后续的 HTML 标准允许您使用

document.html#thing

 语法跳转到具有属性 

id="thing"

 的任何元素，但情况并非总是如此。

Answer 2

在某些情况下，您可能希望未访问的链接能够吸引访问者的注意，尤其是重要的链接。用得很多吗？我不知道，我实际上还没有发现需要使用它。据我所知，我和你做的一样。

但我想最终能够选择单独设置这些链接的样式比没有它更好。

我想我能想到的一个用例是词云（就像在带有标签的博客中），您希望未访问的链接获得比其他链接更大的字体。

Answer 3

:link

伪类用于选择页面中未访问的链接并设置其样式。它适用于尚未访问过的链接。

一个元素可以同时是 :visited 和 :active ，这样

:link

 伪类就会产生效果。

:active

、

:hover

 或 

:visited

 伪类会覆盖 

:link

 伪类定义的样式。为了正确设置链接样式，

:link

规则应放置在所有其他链接相关规则之前（

:link

、

:visited

、

:hover

、

:active

）。