: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.

:linkCSS擬似クラスで、まだ訪問されていない要素を表します。 <a> または <area> など、 href 属性を持つ未訪問のすべての要素を選択します。

試してみましょう

:link および :visited 擬似クラスによって定義されたスタイルは、以降のユーザー操作の擬似クラス(:hover または :active)によって上書きされる可能性があります。適切にリンクにスタイルを適用するには、 :link ルールを他のすべてのリンク関連ルールの前に置き、 LVHA 順: :link:visited:hover:active で定義されるようにしてください。 :visited 擬似クラスと :link 擬似クラスは互いに排他的です。

メモ: 訪問済みかどうかにかかわらず要素を選択するには、 :any-link を使用してください。

構文

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

既定では、大半のブラウザーが訪問済みのリンクに特別な color の値を適用しています。そのため、この例のリンクは訪問前でしか特別な文字色にならないでしょう(よって、再度確認するにはブラウザーの履歴をクリアする必要があります)。しかし、 background-color の値は、大半のブラウザーが既定で訪問済みのリンクに設定していないのでおそらく残ります。

HTML

html
<a href="#ordinary-target">これは普通のリンクです。</a><br />
<a href="">このリンクを訪問しました。</a><br />
<a>リンクのプレイスホルダー(スタイルの適用なし)</a>

CSS

css
a:link {
  background-color: gold;
  color: green;
}

結果

仕様書

Specification
HTML
# selector-link
Selectors Level 4
# link-pseudo

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
:link
:link privacy: selector does not match <link> elements

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報