悬停<a> won&#39;t show the dropdown</a>

Question

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

这显示了子菜单：

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

这不显示子菜单：

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

如何使第二个代码有效？

Answer 1

试试这个选择器：

ul li a:hover + ul

+在 a 标记后面正在影响 ul 的内容。

Fiddle demo