CSS :link 仮クラス

定義と使用方法

CSS :link 仮クラスは、未訪問リンクのスタイルを選択および設定するために使用されます。

注意：:link 仮クラスは、訪問済みリンクのスタイルを設定しません。

ヒント：:visited 訪問済みページのリンクのスタイルを設定します、 :visited :hover マウスオーバー時のリンクのスタイルを設定します、 :active クリック時のリンクのスタイルを設定します。

注意：CSS定義では、:link 以下に配置する必要があります :hover（存在する場合）それが効果になるまでに！

インスタンス

例 1

未訪問リンクのスタイルを選択および設定します：

a:link {
  background-color: yellow;
}

実際に試してみてください

例 2

未訪問、訪問済み、ホバー、アクティブなリンクのスタイルを選択および設定します：

/* ノンビジットされたリンク */
a:link {
  color: green;
}
/* ビジットされたリンク */
a:visited {
  color: green;
}
/* マウスオーバーされたリンク */
a:hover {
  color: red;
}
/* 活性化されたリンク */
a:active {
  color: yellow;
}

実際に試してみてください

例 3

リンクに異なるスタイルを設定します：

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

実際に試してみてください

CSS 语法

:link {
  css declarations;
}

技術的な詳細

ブラウザのサポート

テーブルに記載された数字は、その仮クラスを完全にサポートする最初のブラウザのバージョンを指定しています。

関連ページ

チュートリアル：CSS リンク

チュートリアル：CSS 仮クラス