:link

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

/* 未訪問の <a> をすべて選択します */
a:link {
  color: red;
}

:link 疑似クラスによって定義されたスタイルは、少なくとも同等の仕様を持つリンク関連の疑似クラス （:active、:hover、 :visited）によって上書きされます。適切にリンクにスタイルを適用するには、 LVHA 順: :link — :visited — :hover — :active で定義されるように、他のすべてのリンク関連規則の前に :link 規則を置いてください。

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

構文

:link

例

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

HTML

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

CSS

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

結果

仕様書

仕様書 策定状況 コメント
HTML Living Standard
:link の定義		 現行の標準  
Selectors Level 4
:link の定義		 草案 変更なし。
Selectors Level 3
:link の定義		 勧告 変更なし。
CSS Level 2 (Revision 1)
:link の定義		 勧告 <a> 要素に適用する場合のみ制約を緩和。
CSS Level 1
:link の定義		 勧告 初回定義。

ブラウザー実装状況

関連情報

関連トピック
  1. CSS
  2. CSS リファレンス
  3. CSS Selectors
  4. ガイド
    1. セレクターでの :target 疑似クラスの利用
  5. プロパティ
    1. 選択子列挙
  6. 基本セレクター
    1. 要素型セレクター
    2. クラスセレクター
    3. ID セレクター
    4. 全称セレクター
    5. 属性セレクタ
  7. 結合子
    1. 隣接兄弟結合子
    2. 一般兄弟結合子
    3. 子結合子
    4. 子孫結合子
    5. 列結合子
  8. 擬似クラス
    1. :active
    2. :any-link
    3. :checked
    4. :blank
    5. :default
    6. :defined
    7. :dir
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible
    17. :focus-within
    18. :has()
    19. :host() [翻訳する]
    20. :host-context()
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any())
    26. :lang
    27. :last-child
    28. :last-of-type
    29. :left
    30. :link
    31. :not()
    32. :nth-child()
    33. :nth-last-child()
    34. :nth-last-of-type()
    35. :nth-of-type()
    36. :only-child
    37. :only-of-type
    38. :optional
    39. :out-of-range
    40. :placeholder-shown
    41. :read-only
    42. :read-write
    43. :required
    44. :right
    45. :root
    46. :scope
    47. :target
    48. :valid
    49. :visited
    50. :where() [翻訳する]
  9. 擬似要素
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [翻訳する]
    3. ::-moz-range-thumb [翻訳する]
    4. ::-moz-range-track [翻訳する]
    5. ::-ms-browse [翻訳する]
    6. ::-ms-check [翻訳する]
    7. ::-ms-clear
    8. ::-ms-expand
    9. ::-ms-fill
    10. ::-ms-fill-lower [翻訳する]
    11. ::-ms-fill-upper [翻訳する]
    12. ::-ms-reveal [翻訳する]
    13. ::-ms-thumb [翻訳する]
    14. ::-ms-ticks-after [翻訳する]
    15. ::-ms-ticks-before [翻訳する]
    16. ::-ms-tooltip [翻訳する]
    17. ::-ms-track [翻訳する]
    18. ::-ms-value
    19. ::-webkit-progress-bar [翻訳する]
    20. ::-webkit-progress-value [翻訳する]
    21. ::-webkit-slider-runnable-track [翻訳する]
    22. ::-webkit-slider-thumb [翻訳する]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue (:cue)
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line)
    29. ::grammar-error
    30. ::marker
    31. ::part() [翻訳する]
    32. ::placeholder
    33. ::selection
    34. ::slotted()
    35. ::spelling-error