CSS 伪类

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

Safari 浏览器不支持此功能。

语法

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

CSS :any-link 示例

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

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

<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 例子</h3>
   <div>
      使用 href 来锚定元素至Yxjc123.com--
      <a href="https://yxjc123.com">点击这里</a>
   </div>
   <div>
      <a class="with-nohref">没有 href</a>
   </div>
   <div>
      <a href="" class="">空href</a>
   </div>
</body>
</html>