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

:any-link”擬似クラスCSS Selectors Level 4で追加

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

:any-link”擬似クラス

:any-link”擬似クラスはハイパーリンクを選択する擬似クラスです。

:link:visitedのいずれかの状態を満たす要素は“:any-link”擬似クラスでも選択されます。“href”属性があるa”要素area”要素はハイパーリンクであるので“:any-link”擬似クラスによって選択されます。

ハイパーリンクは:any-link”擬似クラス、“:link”擬似クラス、:visited”擬似クラス:hover”擬似クラス:focus”擬似クラス:active”擬似クラスなどの擬似クラスの中から複数の擬似クラスから同時に選択される場合があります。同じ要素に対して複数の擬似クラスを併用する場合にはスタイルが競合することがありますので、記述する順序に気を付ける必要があります。

使用例

a:any-link {
color: #808000; /**/
}

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)
:any-link
定義なし

定義なし

定義なし

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