:link

:link CSS 伪类 表示尚未访问的元素。它匹配每个具有 href 属性的未访问的 <a><area> 元素。

试一试

:link:visited 伪类定义的样式可以被任何后续的用户操作伪类(:hover:active)覆盖,只要这些伪类的特异性至少相等。为了适当地设置链接样式,请将 :link 规则放在所有其他与链接相关的规则之前,如 LVHA 顺序 所定义::link:visited:hover:active:visited 伪类和 :link 伪类是互斥的。

注意: 使用 :any-link 选择一个元素,无论它是否已被访问。

语法

css
:link {
  /* ... */
}

示例

默认情况下,大多数浏览器会对已访问的链接应用特殊的 color 值。因此,此示例中的链接可能只有在你访问它们之前才会具有特殊的字体颜色。(之后,您需要清除浏览器历史记录才能再次看到它们。)但是,background-color 值可能会保留,因为大多数浏览器默认情况下不会在已访问的链接上设置该属性。

HTML

html
<a href="#ordinary-target">This is an ordinary link.</a><br />
<a href="">You've already visited this link.</a><br />
<a>Placeholder link (won't get styled)</a>

CSS

css
a:link {
  background-color: gold;
  color: green;
}

结果

规范

规范
HTML 标准
# selector-link
选择器级别 4
# link

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅