このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

:link”擬似クラス

記事Feb. 22nd,2019
未訪問のハイパーリンクを選択する擬似クラス、“:link”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

:link”擬似クラス

:link”擬似クラスは未訪問のハイパーリンクを選択する擬似クラスです。

href”属性があるa”要素area”要素は必ず“:link”もしくは:visitedの状態を満たします。

ユーザー・エージェントは訪問から一定期間が経過すると訪問済みのリンクを未訪問の状態に戻すことがあります。また、ユーザー・エージェントはユーザーのプライバシー保護などの目的で、すべてのリンクを未訪問として扱うことがあります。

同じ要素を:hover”擬似クラス:active”擬似クラスでも選択してスタイルを適用したい場合は“:link”擬似クラスで適用対象を選択するスタイルはこれらの擬似クラスで適用先を選択したスタイルを上書きしてしまうため、先に記述する必要があります。

使用例

a:link {
color: #483d8b; /**/
}

a:visited {
color: #db7093; /**/
}

a:hover {
color: #fabf14; /**/
}

a:focus {
color: #00a381; /**/
}

a:active {
color: #93ca76; /**/
}
<ul>
<li><a href="sample1.html">「ネコ」とは?</a></li>
<li><a href="sample2.html">猫の種類</a></li>
<li><a>猫の生態</a></li>
</ul>

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
:link
定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク