Question

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

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">的任何位置。毕竟，它被称为＆＃34;锚＆＃34;标签是有原因的。

传统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

在某些情况下，您可能希望通过未访问的链接吸引访问者的注意力，特别是如果它是一个重要的链接。使用了很多吗？我不知道，我实际上还没有发现使用它的必要性。就我记忆而言，我也和你一样。

但我想最终选择能够分别设置这些链接的样式比不拥有它更好。

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

有什么意义：链接伪类？

2 个答案: