CSS :visited 仮クラス

定義と使用方法

CSS :visited 仮クラスは、訪問済みリンクのスタイルを設定するために使用されます。

ヒント：使用 :link 未訪問ページのリンクのスタイルを設定するには、 :hover マウスオーバー時のリンクのスタイルを設定するには、 :active クリック時のリンクのスタイルを設定します。

注意：リンクのスタイルを正しく設定するために、 :visited ルールを配置します :link ルールの後、 :hover および :active ルールの前に。

許可されるスタイルには、以下が含まれます：

• color
• background-color
• border-color（および各辺のborder-color）
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG属性fillとstroke

インスタンス

例 1

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

a:visited {
  color: pink;
}

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

例 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 语法

:visited {
  css declarations;
}

技術的詳細

ブラウザのサポート

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

関連ページ

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

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