html :link伪类的意义是什么?

kjthegm6  于 2023-11-15  发布在  其他
关注(0)|答案(3)|浏览(119)

我知道: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伪类向表中添加了什么。
我错过什么了吗?

2exbekwf

2exbekwf1#

a:link选择器允许您在实际链接到某处的<a>标记上设置样式。
没有href属性的裸<a>标签通常用作文档中的标记;将位置设置为document.html#foo将跳转到文档中<a id="foo">所在的任何位置。毕竟,它被称为“锚”标签是有原因的。
传统的HTML可能看起来像这样:

a {
    color: green;
}
a:link {
    color: red;
}

个字符
后续的HTML标准允许您使用document.html#thing语法跳转到任何具有id="thing"属性的元素,但情况并非总是如此。

beq87vna

beq87vna2#

可能有一些情况下,你希望未访问的链接,以吸引游客的注意力,特别是如果它是一个重要的一个。它使用了很多?我不知道,我还没有发现实际上需要使用它。我做同样的你,因为我记得。
但我想最后,它是很好的选择,能够单独的风格,这些链接比没有它。
我想我能想到的一个用例是一个词云(就像在带有标签的博客中),在那里你希望未访问的链接获得比其他链接更大的字体。

wlzqhblo

wlzqhblo3#

:link伪类用于选择和样式化页面中未访问的链接。它适用于尚未访问的链接。
一个元素可以同时是:visited和:active,这样:link伪类就有效果了。
:active:hover:visited伪类会覆盖:link伪类定义的样式。为了正确设置链接的样式,:link规则应该放在所有其他链接相关规则(:link:visited:hover:active)之前。

相关问题