Bagaimana untuk melaksanakan kesan hover bar navigasi

Question

Saya sedang mengusahakan bar navigasi menegak saya. Nama ikon itu sepatutnya kelihatan di sebelah kanan. Nama itu juga sepatutnya berubah daripada putih kepada hitam apabila tetikus berada di atas ikon, tetapi ia tidak berfungsi.

Saya cuba menukar label di sekelilingnya untuk melihat sama ada itu membantu. Saya juga menukar teg dalam HTML dan menukar teg dalam CSS untuk membuat teg berfungsi. Saya melihat di laman web ini untuk penyelesaian kepada masalah saya. Saya tidak dapat mengaktifkan bar navigasi saya.

Saya tidak tahu cara meletakkan kod di sini. Saya bersedia untuk menghantar kod saya melalui mesej jika ia boleh membantu. Saya menghabiskan lebih 30 minit cuba memikirkan cara untuk menyiarkan kod tersebut.

Pertama kali menggunakan laman web ini.

Saya telah menulis semula kod beberapa kali, menyusun semula teg, mencari tutorial dan cuba menghubungi pembangun web tetapi tidak dapat menyelesaikan isu itu.

Sekali lagi saya sudi hantar kod melalui mesej, lebih mudah bagi saya berbanding post kod di sini, yang agak sukar bagi saya.

Answer 1

Jika anda ingin menukar warna daripada putih kepada hitam pada tuding dan menetapkannya supaya kelihatan, anda sentiasa boleh menetapkannya kepada hitam dengan melakukan perkara berikut

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

Walau bagaimanapun, jika anda mahu nama itu kelihatan di kedua-dua belah kanan dan kiri, anda boleh mengikut pendekatan yang sama tetapi menamakan semula icon_name kepada right_icon_name dan left_icon_name.