Ajouter Une Classe De Survol Javascript

| | | |

Le sélecteur CSS : hover sélectionne un élément lorsque vous survolez cet élément avec le curseur. Par exemple, vous pouvez utiliser : hover pour changer la couleur d`un lien lorsque vous passez le curseur sur le lien

Vous pouvez transférer des styles qui s`appliquent à un élément de votre page Web lorsque le. . L`utilisateur survole cet élément

est l`endroit où le sélecteur CSS est disponible : hover. Le: Hover Selector vous permet de sélectionner des éléments lorsque vous survolez. Cela vous permet d`appliquer des styles lorsque vous passez la souris sur l`élément

. Ce tutoriel abordera, avec des exemples, les bases des sélecteurs en CSS et comment utiliser le sélecteur CSS. Vol planant. À la fin de ce didacticiel, vous serez un expert dans le choix des éléments de style à l`aide de :. Survolez

Sélecteur CSS

Dans CSS, les sélecteurs sont utilisés pour sélectionner les éléments HTML que vous souhaitez styliser sur une page Web. Les sélecteurs vous permettent de choisir des éléments en fonction de leur ID, classe, groupe ou attributs, afin que vous puissiez appliquer certains styles à des éléments spécifiques.

Par exemple, supposons que vous souhaitiez créer toutes les balises

dans un Le document HTML apparaît avec un arrière-plan rose vif. Vous pouvez le faire en utilisant ce code :

Dans ce code, nous utilisons le sélecteur

qui sélectionne toutes les balises

de la page Web. Ensuite, entre accolades, nous spécifions le style que nous voulons appliquer à la balise

dans le

sélecteur CSS : page Web. Hover

Le sélecteur CSS : hover sélectionne un élément survolant l`élément avec la souris. : Hover peut être utilisé sur n`importe quel élément CSS, mais il est couramment utilisé sur les liens. : Hover est spécifié après le nom de l`élément que vous souhaitez sélectionner, par exemple a : hover for a link

Il existe une grande variété de scénarios dans lesquels vous pouvez utiliser le sélecteur : survolez. Voici quelques cas d`utilisation potentiels pour le sélecteur :.

  • Modifier la couleur du texte lorsque la souris survole une ligne de texte
  • Modifier la taille d`une image lorsque l`utilisateur survole le souris sur l`image .
  • Changer la couleur d`un bouton lorsque la souris survole le bouton.

Dans tous ces cas d`utilisation, un style spécifique est appliqué lorsque l`utilisateur passe la souris sur un élément avec le curseur

syntaxe du sélecteur : en vol stationnaire est :

Voici les principaux composants de la syntaxe : hover :

la deuxième règle change la couleur d`une balise sur la page Web en orange lorsque la souris survole la balise . Cela se fait à l`aide du sélecteur : survolez.

Ainsi, lorsque vous passez la souris dessus sur le texte de la page d`accueil de Karma Career, la couleur de la liaison passe à l`orange

Effet de survol CSS :. afficher un bloc de texte

le sélecteur : hover peut également être utilisé pour afficher un bloc de texte lorsque la souris survole une ligne de texte

Supposons que nous concevons une FAQ page pour le site de carrière Karma . . Lorsque l`utilisateur passe la souris sur une question, un bloc de texte doit apparaître avec la réponse à sa question. Nous pourrions créer un exemple de question en utilisant ce code :

Auto eer Karma est une communauté de collègues, de mentors et de coachs qui vous aideront à réaliser une carrière de rêve dans la technologie
.