悬停 <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