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

时间:2015-02-21 17:28:35

标签: html css html5 drop-down-menu navigation

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

这显示了子菜单:

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

这不显示子菜单:

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

如何使第二个代码有效?

1 个答案:

答案 0 :(得分:0)

试试这个选择器:

ul li a:hover + ul

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

Fiddle demo