“:any-link”擬似クラス｜CSSセレクタ｜CSS－havin' a coffee break

＃

“: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; /*■*/


}