CSS - 伪类 :link 属性

CSS 伪类选择器:link匹配或表示尚未访问的元素，即所有具有<a>和<area>元素，带有href属性，甚至带有空href属性。

伪类:link和:visited指定的样式会被任何后续的交互式伪类（如:hover或:active）覆盖。
为了正确设置链接样式，需要将:link规则放在所有其他链接相关规则之前。
需要遵循LVHA规则，即:link, :visited, :hover和:active。
伪类:visited和:link是互斥的。

要选择一个元素，而不管它是否已被访问，请使用伪类:any-link。

:link {
   /* ... */ 
}

CSS :link 示例

这是一个:link伪类的示例。在这里，我们看到在锚元素上使用:link伪类，背景颜色为浅黄色，尚未访问。

<html>
<head>
<style>
   a {
      font-size: 1em;
      padding: 5px;
      display: inline-block;
      margin-right: 10px;
   }

   a:link {
      background-color: lightyellow;
   }
</style>
</head>
<body>
   <h2>:link selector example</h2>
   <strong><a href="#">Tutorialspoint</a></strong>
   <strong><a href="#">Google</a></strong>
</body>
</html>

这是一个:link伪类以及:hover伪类的示例。将鼠标悬停在锚元素上并观察更改后的背景颜色。

<html>
<head>
<style>
   a {
      font-size: 1em;
      padding: 5px;
      display: inline-block;
      margin-right: 10px;
   }

   a:link {
      background-color: lightyellow;
   }

   a:hover {
      background-color: lightsalmon;
      color: green;
   }
</style>
</head>
<body>
   <h2>:link selector example</h2>
   <strong><a href="#">Tutorialspoint</a></strong>
   <strong><a href="#">Google</a></strong>
</body>
</html>

打印页面