Maison > interface Web > Questions et réponses frontales > Que signifie le survol en CSS3

Que signifie le survol en CSS3

WBOY
Libérer: 2022-06-08 16:54:35
original
7702 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 :

tutoriel vidéo CSS

)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal