Comment implémenter l'effet de survol de la barre de navigation

Question

Je travaille sur ma barre de navigation verticale. Le nom de cette icône doit être visible à droite. Le nom est également censé passer du blanc au noir lorsque la souris passe sur l'icône, mais cela ne fonctionne pas.

J'ai essayé de changer les étiquettes autour pour voir si cela aide. J'ai également modifié la balise dans le HTML et la balise dans le CSS pour que la balise fonctionne. J'ai cherché sur ce site une solution à mon problème. Je n'arrive pas à faire fonctionner ma barre de navigation.

Je n'arrive pas à comprendre comment mettre le code ici. Je suis prêt à envoyer mon code par message si cela peut aider. J'ai passé plus de 30 minutes à essayer de comprendre comment publier le code.

Première utilisation de ce site Web.

J'ai réécrit le code plusieurs fois, restructuré les balises, recherché des didacticiels et essayé de contacter le développeur Web, mais je n'arrive pas à résoudre le problème.

Encore une fois, je suis prêt à envoyer le code par message, c'est plus facile pour moi que de poster le code ici, ce qui est un peu difficile pour moi.

Answer 1

Si vous souhaitez changer la couleur du blanc au noir au survol et la définir pour qu'elle soit visible, vous pouvez toujours la définir sur noir en procédant comme suit

.icon_name {
        visiblity:hidden;
        color:black;
    }
   .icon:hover {
      icon_name {
         visiblity: visible;
      }
   }

Cependant, si vous souhaitez que le nom soit visible à droite et à gauche, vous pouvez suivre la même approche mais renommer icon_name en right_icon_name et left_icon_name.