實現導覽列懸停效果的方法

Question

我正在處理我的垂直導覽列。那個圖標的名稱應該在右側可見。當滑鼠懸停在圖示上時，名稱也應該從白色變為黑色，但它沒有起作用。

我嘗試改變周圍的標籤，看看是否有幫助。我還改變了HTML中的標籤，並在CSS中改變了標籤，以使標籤能夠運作。我在這個網站上找到了解決我的問題的方法。我無法讓我的導覽列工作。

我無法弄清楚如何在這裡放置程式碼。如果可以幫助的話，我願意透過訊息發送我的程式碼。我花了超過30分鐘嘗試弄清楚如何發布程式碼。

第一次使用這個網站。

我已經多次重寫了程式碼，重新調整了標籤，查找了教程，並嘗試與網頁開發人員聯繫，但無法解決問題。

再次，我願意透過訊息發送程式碼，對我來說比在這裡發布程式碼更容易，因為這對我來說有點困難。

P粉107991030 · Answer

如果您想在懸停時將顏色從白色變為黑色，並設置為可見，您可以通過以下方式始終將其設置為黑色

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

然而，如果您希望名稱在右側和左側都可見，您可以採用相同的方法，但將icon_name重新命名為right_icon_name和left_icon_name。