css - WordPress 菜单小部件 CSS

Question

我正在为 Wordpress 网站使用菜单小部件 Menus+。
该小部件可以使用 CSS 进行样式化，以使其成为具有嵌套子类别的水平下拉菜单。

为了实现这一点，我将函数包装在模板中名为 #navmenu 的 div 中。然后在我的 style.css 中添加了下面的 css 代码。第一个下拉列表正在工作，但其他都没有。我忽略了什么吗？任何建议将不胜感激。

#navmenu {margin: 0;padding: 0;height: 1em; }
#navmenu li {list-style: none; float: left; }
#navmenu li a {display: block; padding: 3px 8px;background-color:#fff; color: #000; text-decoration: none; border: 1px solid #000;}
#navmenu li ul {display: none; width: 10em; /* Width to help Opera out*/ background-color: #fff;}
#navmenu li:hover ul, #navmenu li.hover ul {display: block; position:absolute; margin: 0; padding: 0; }
#navmenu li:hover li, #navmenu li.hover li {float: none; }
#navmenu li:hover li a, #navmenu li.hover li a {background-color:#fff; border: 1px solid #000; color: #000; }
#navmenu li li a:hover {background-color: #fff; }

Answer 1

尝试为 #navmenu li:hover ul, #navmenu li.hover ul 选择器提供一个 top 和一个 left 值。

#navmenu li:hover ul, #navmenu li.hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

它可能会起作用，但是列表将全部放置在同一个位置。相应地更改 top 和 left。