:any-link

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

:any-link は CSS の擬似クラスセレクターで、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 href 属性を持つすべての <a> または <area> 要素を選択します。つまり、 :link または :visited に一致するすべての要素を選択します。

css
/* :link または :visited に該当するすべての要素を選択 */
:any-link {
  color: green;
}

試してみましょう

構文

:any-link

例

HTML

html
<a href="https://example.com">External link</a><br />
<a href="#">Internal target link</a><br />
<a>Placeholder link (won't get styled)</a>

CSS

css
a:any-link {
  border: 1px solid blue;
  color: orange;
}

/* WebKit browsers */
a:-webkit-any-link {
  border: 1px solid blue;
  color: orange;
}

結果

仕様書

Specification
Selectors Level 4
# the-any-link-pseudo

ブラウザーの互換性

BCD tables only load in the browser

関連情報