CSS3

特能

any-hover

  編集:2022.07.10 by T.A.

mdn

名前 any-hover
用途 @media
none | hover
離散

CSS のメディア特性で、要素の上で停止することができる入力メカニズムが何らか利用できるかどうかを検査するために使用する。

none
差支えなく停止することができる入力メカニズムがないか、またはポインティング入力メカニズムがない。
hover
一つ以上の入力メカニズムが、要素の上で差支えなく停止することができる。

入力手段が停止をすることができるかどうかを検査:

<a href="#">Try hovering over me!</a>

CSS:

@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

以下のCSSが組み込んであります:

<A class=Test href="#A">テスト</A><BR>
<A class=Test2 href="#A">テスト</A><BR>


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: