CSS :hover 疑似クラス | CSS プロパティ値| 意味使い方実例

CSS :hover 疑似クラス| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-05-31 css-reference

ページコンテンツ

`:hover` 疑似クラス CSS プロパティとは

トピック：ユーザーが要素の上にカーソル(マウスポインタ―)を置くと、要素を選択するために：ホバーセレクタが使用される、事ができる

p:hover, h1:hover, a:hover {
    background-color: yellow;
} 
/*<p>、<h1>、<a>要素の上にマウスを置くと、背景色のスタイルを黄色に設定する ことができる。*/

この疑似クラスを完璧に動作させるには、正確な順序（LVHA 順）で定義しなければならない :link->:visited->:hover->:active->:focus

:hover { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }

CSS バージョン	CSS 1

サポートするデスクトップブラウザ対応・互換性

Property	Desktop 互換性
:hover	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基本サポート	フルサポート◯1	フルサポート◯あり	フルサポート◯1	フルサポート◯4	フルサポート◯4	フルサポート◯2
`<a>` 要素のサポート	フルサポート◯1	フルサポート◯あり	フルサポート◯1	フルサポート◯4	フルサポート◯4	フルサポート◯2
すべての要素がサポートされます	フルサポート◯1	フルサポート◯あり	フルサポート◯1	フルサポート◯7	フルサポート◯7	フルサポート◯2
擬似要素のサポート	不明	フルサポート◯あり	フルサポート◯28	不明	不明	不明

：:hover 疑似クラス 関連記事