Masalah yang tampak kecil tapi kita harap dapat diperbaiki ialah mengenai dampak hover hidangan induk pada navigasi bertingkat yang akan menghilang sehabis pointer memasuki submenu:
Itu terjadi alasannya pada umumnya kita menargetkan dampak hover pada elemen tautan saja menyerupai ini:
nav li a:hover { background-color:blue; }Padahal yang seharusnya kita targetkan ialah elemen list/daftar yang menjadi induk dari submenu, alasannya submenu berada di dalam elemen <li>, bukan di dalam elemen <a>:
Sayangnya menargetkan elemen <li> secara sepihak untuk mempertahankan warna hidangan induk tidak dapat kita lakukan alasannya dampak hover berada pada elemen <a>, sehingga dikala pointer keluar dari <a> maka dampak hover akan menghilang. Tapi berbeda kalau kita menargetkan elemen <li> lalu memanfaatkan perilaku hover pada elemen tersebut untuk mengeset warna direct children tautan di dalamnya:
nav li a:hover, nav li:hover > a { background-color:blue; }Dengan cara di atas maka warna pada hidangan induk akan tetap terjaga meskipun pointer sudah meninggalkannya. Karena meskipun sudah keluar, tapi intinya pointer masih berada di dalam elemen <li> induk:
Artikel Terkait: Mari Berbicara Soal Menu Navigasi