:hoverマウスポインターが重ねられた要素に スタイルを適用する
:hover
疑似クラスは、閲覧者がマウスポインターを重ねた要素にスタイルを適用します。:visited
疑似クラスと併用するときは後ろに、:active
疑似クラスと併用するときは前に記述します。
:hoverのサンプルソース
a:hover img { opacity: 0.85; }
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |