html css下拉菜单不起作用

Question

即时通讯只是试图使一个普通的下拉菜单，但它不起作用，我找不到问题的帮助

 .nava { display: none; position: absolute; background: #ffffff; } .nava li a { color: #e30a17; padding: 12px 16px; display: block; } .minecraft:hover .nava { display: block; } 

 <li><a href="#" class="minecraft">Minecraft İçerikleri<i class="fa fa-chevron-down fa-fw"></i></a> <ul class="nava"> <li><a href="#">Modlar</a> </li> <li><a href="#">Kaynak Paketleri</a> </li> </ul> </li> 

Answer 1

更改此代码

.minecraft:hover + .nava {
  display: block;
}