悬停 <a> 不会显示下拉菜单

Question

我正在尝试制作一个下拉菜单，我希望它在我将鼠标悬停在文本上时显示，但它不起作用：

显示的是子菜单：

nav ul li:hover ul{
 display: block; visibility: visible;
}

此 si 未显示子菜单：

nav ul li a:hover ul{
 display: block; visibility: visible;
}

如何让第二个代码生效？

Answer 1

试试这个选择器：

ul li a:hover + ul

+ 的作用是影响紧跟在 a 标签之后的 ul。

Fiddle demo