css3でホバーとは何を意味しますか-フロントエンドQ&A-php.cn

css3でホバーとは何を意味しますか

WBOY

リリース： 2022-06-08 16:54:35

オリジナル

7638 人が閲覧しました

css3 の Hover は「ホバー」を意味し、「:hover」は疑似クラスセレクターです。このセレクターはすべての要素に適用され、マウスが要素上に移動したときに要素に特別なスタイルを追加できます。IE では、" " はセレクターが有効であることを確認するために宣言する必要があり、構文は "element:hover{style code}" です。

css3でホバーとは何を意味しますか

#このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 における hover の意味

css:hover は疑似クラスセレクターであり、:hover 疑似クラスセレクターは、マウスがこの要素の上に移動すると、この要素に特別なスタイルを追加します。 :hover セレクターはすべての要素に適用されます。

:ホバーは、マウスがリンク上に移動したときに追加される特別なスタイルです。

IE では、「:hover」セレクターを有効にするには、「」を宣言する必要があります。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<style>
p:hover
{
background-color:yellow;
}
</style>
</head>
<body>
<p>改变背景颜色</p>
<p><b>注释：</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>
</body>
</html>

ログイン後にコピー

出力結果:

css3でホバーとは何を意味しますか