: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