Whats wrong with this simple code ? Plz help me

Question

ul li a {
display:block;

}

ul li a:hover{
background-color:green;
}
ul li ul li {
display:none;
}

ul li:hover ul li {
display:block ;
}

with this code im not getting navigation bars👉 submenu hidden under main menu. 👈
plz help or tell me different method for creating nav bar with hover effect .

Answer 1

try this:

ul li a:hover{
background-color:green;
}
ul li ul li {
display:none;
}

ul li:hover ul li ul li{
display:block ;
}
hope it works! :)