我理解
: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
伪类添加到表中的内容。
我错过了什么吗?
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"
的任何元素,但情况并非总是如此。
但我想最终能够选择单独设置这些链接的样式比没有它更好。
我想我能想到的一个用例是词云(就像在带有标签的博客中),您希望未访问的链接获得比其他链接更大的字体。
:link
伪类用于选择页面中未访问的链接并设置其样式。它适用于尚未访问过的链接。一个元素可以同时是 :visited 和 :active ,这样
:link
伪类就会产生效果。
:active
、
:hover
或
:visited
伪类会覆盖
:link
伪类定义的样式。为了正确设置链接样式,
:link
规则应放置在所有其他链接相关规则之前(
:link
、
:visited
、
:hover
、
:active
)。