このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

:local-link

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

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

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

構文

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

HTML

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

CSS

css
a:local-link {
  color: green;
}

結果

仕様書

Specification
Selectors Level 4
# local-link-pseudo

ブラウザーの互換性

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

関連情報