Que signifie le survol en CSS3-Questions et réponses frontales-php.cn

Que signifie le survol en CSS3

WBOY

Libérer： 2022-06-08 16:54:35

original

7671 Les gens l'ont consulté

Hover en CSS3 signifie "survoler", et ":hover" est un sélecteur de pseudo-classe ; ce sélecteur s'applique à tous les éléments et peut ajouter des styles spéciaux aux éléments lorsque la souris les survole. C'est un must dans IE. "" peut garantir que le sélecteur est valide et la syntaxe est "element:hover{style code}".

Que signifie le survol en CSS3

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie hover en CSS3 ? En css:hover est un sélecteur de pseudo-classe Le sélecteur de pseudo-classe :hover ajoute un style spécial à cet élément lorsque la souris le survole. Le sélecteur :hover s'applique à tous les éléments.

: Un style spécial ajouté par survol lorsque la souris passe sur un lien.

Dans IE, "" doit être déclaré pour garantir que le sélecteur ":hover" puisse être efficace

L'exemple est le suivant :

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

Copier après la connexion

Résultat de sortie :

Que signifie le survol en CSS3 (Vidéo d'apprentissage partage :