2022-08-14

HTML: 訪問済み(:visited)リンクの色を変えない方法

HTMLのリンクを表すaタグに対して特に色を指定していない場合、未訪問のリンクは紺色、訪問済みの色は紫色で表示されています。これはブラウザがデフォルトでこのような色にしているからです。

訪問済みリンクの色を紫色に変えないようにするには、自分で色を指定する必要があります。

a {
	color: #0000EE;
}

このように指定すると、未訪問も訪問済みのリンクもすべて同じ紺色で表示されます。

もし細かく色を指定したい場合は次の各セレクタを使用して指定します。

訪問済み(:visited)のリンクの色は変えずに、マウスホバー時だけ色を変えたい場合は次のように指定します。

a {
	color: #0000ee;
}

a:hover {
	color: #b0c4de
}

上の指定の場合、訪問済みのリンクの色は変わらずに、マウスホバー時だけ薄い水色になります。このような指定は実際のWebサイトでよく行われています。