So implementieren Sie den Hover-Effekt der Navigationsleiste

Question

Ich arbeite an meiner vertikalen Navigationsleiste. Der Name dieses Symbols sollte rechts sichtbar sein. Der Name soll sich auch von Weiß auf Schwarz ändern, wenn sich die Maus über dem Symbol befindet, aber das funktioniert nicht.

Ich habe versucht, die Beschriftungen zu ändern, um zu sehen, ob das hilft. Ich habe auch das Tag im HTML und das Tag im CSS geändert, damit das Tag funktioniert. Ich habe auf dieser Seite nach einer Lösung für mein Problem gesucht. Ich kann meine Navigationsleiste nicht zum Laufen bringen.

Ich weiß nicht, wie ich den Code hier einfügen soll. Ich bin bereit, meinen Code per Nachricht zu senden, wenn es helfen kann. Ich habe über 30 Minuten damit verbracht, herauszufinden, wie ich den Code posten kann.

Zum ersten Mal diese Website nutzen.

Ich habe den Code mehrmals umgeschrieben, die Tags neu strukturiert, Tutorials nachgeschlagen und versucht, den Webentwickler zu kontaktieren, konnte das Problem jedoch nicht lösen.

Auch hier bin ich bereit, den Code per Nachricht zu senden. Das ist einfacher für mich, als den Code hier zu posten, was für mich etwas schwierig ist.

Answer 1

如果您想在悬停时将颜色从白色变为黑色，并设置为可见，您可以通过以下方式始终将其设置为黑色

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

然而，如果您希望名称在右侧和左侧都可见，您可以采用相同的方法，但将icon_name重命名为right_icon_name和left_icon_name。