:link 伪 class 有什么意义？

Question

我理解 :link 允许 select 未访问的元素，并且我知道 LoVe-HAte trick 记住放置各种 link 的顺序伪classes。但在实践中，我总是这样设计我的 link：

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 被访问或未被访问，这涵盖了所有可能的情况，我真的不明白 :link 伪 class 添加到 table.

我是不是漏掉了什么？

Answer 1

在某些情况下，您可能希望未访问过的链接引起访问者的注意，尤其是当它很重要时。用的多吗？我不知道，我还没有真正找到使用它的必要性。据我所知，我和你做的一样。

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

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

Answer 2

a:link 选择器可让您在 <a> 标签上设置样式，实际上 link 某处。

没有 href 属性的

裸 <a> 标签传统上用作文档中的标记；将位置设置为 document.html#foo 将跳转到文档中 <a id="foo"> 所在的位置。毕竟，它被称为 "anchor" 标签是有原因的。

传统的 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" 的任何元素，但情况并非总是如此。

:link 伪 class 有什么意义？

What's the point of the :link pseudo-class?

html

css

css-selectors

pseudo-class