多个子菜单和滚动

Question

在Wordpress中我创建了一个带有子菜单的菜单，我想向下滚动，所以菜单不会那么大。所以我添加

  

块引用

.sub-menu li：hover ul然后overflow-y

  

块引用

但只有第一个子菜单才会滚动。如果我在子菜单中有子菜单，则第一个子菜单不起作用..

检查我的意思http://www.intereuropetravel.com

Answer 1

从右到左阅读你的规则。

.sub-menu li:hover ul 

这表示“ul中li:hover范围内.sub-menu内的任何<ul class="menu"> <li>List item <ul class="sub-menu"> <li>Sub menu item <ul class="sub-menu"> <li>etc <ul class="sub-menu"> <li>etc</li> </ul> </li> </ul> </li> </ul> </li> </ul> - {适用这些规则}

我无法确切地说出你想要的东西 - 但我认为你的选择器没有按你的意愿行事。 - 所以写下你想要发生的事情，并从右到左思考。

WordPress相关的唯一原因是它为您的菜单提供了一些默认类。

.menu-main-menu-container li:hover ul {}

所以，这是一些非常粗糙的嵌套，我只想说 - 也许你应该重新考虑这种方法，但除此之外 - 我建议你为每个级别构建更具体的选择器并独立控制它们。在菜单下的WordPress管理员中 - 您可以显示一个字段，该字段允许您为每个级别提供唯一的类，您可以更轻松地定位这些级别。

在你的情况下，你可以把

.menu-main-menu-container li:hover > ul {} -

这将是---“容器中任何li里面的任何列表{}”

甚至可能：

{{1}}

这将是---“任何直接位于容器中任何li里面的列表{}”