:local-link

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

:local-link は CSS の擬似クラスで、文書内のリンクを表します。したがって、ハイパーリンクのソースアンカーである要素は、その要素の絶対 URL と一致する絶対 URL を持つ要素です。

css

/* 現在の文書にリンクしている <a> を選択 */
a:local-link {
  color: green;
}

構文

css

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

html

<a href="#target">これは、このページ上のリンクです。</a><br />
<a href="https://webproxy.poorya-velaei-d67.workers.dev/https://example.com">これは外部リンクです。</a><br />

css

a:local-link {
  color: green;
}

仕様書
Selectors Level 4 # local-link-pseudo

現在、この機能に対応しているブラウザーはありません。

このページは MDN の貢献者によって 2025年11月9日に最終更新されました。