CSS - 伪类 :any-link

CSS 中的:any-link伪类表示超链接的源锚元素，无论它是否已被访问过。因此，它匹配所有具有href属性的<a>或<area>元素。简而言之，它也匹配所有匹配:link或:visited的元素。

Safari 浏览器不支持此功能。

语法

:any-link {
   /* ... */
}

CSS :any-link 示例

以下示例演示了:any-link伪类的用法，与:hover一起使用，在悬停时更改链接文本的颜色。

对于没有 href 属性的锚元素，:any-link伪类样式不会应用。

<html>
<head>
<style>
   div {
      padding: 5px;
      border: 2px solid black;
      margin: 1em;
      width: 500px;
   }
   a:any-link {
      font-weight: 900;
      text-decoration: none;
      color: green;
      font-size: 1em;
   }
   .with-nohref {
      color: royalblue;
   }

   :any-link:hover {
      color: crimson;
   }
</style>
</head>
<body>
   <h3>:any-link example</h3>
   <div>
      anchor elements with href to tutorialspoint.com--
      <a href="https://tutorialspoint.com">click here</a>
   </div>
   <div>
      <a class="with-nohref">with no href</a>
   </div>
   <div>
      <a href="" class="">with empty href</a>
   </div>
</body>
</html>

打印页面