实现导航栏悬停效果的方法

Question

我正在处理我的垂直导航栏。那个图标的名称应该在右侧可见。当鼠标悬停在图标上时，名称也应该从白色变为黑色，但它没有起作用。

我尝试改变周围的标签，看看是否有帮助。我还改变了HTML中的标签，并在CSS中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。 我无法让我的导航栏工作。

我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚如何发布代码。

第一次使用这个网站。

我已经多次重写了代码，重新调整了标签，查找了教程，并尝试与网页开发人员联系，但无法解决问题。

再次，我愿意通过消息发送代码，对我来说比在这里发布代码更容易，因为这对我来说有点困难。

Answer 1

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

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

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