你如何用CSS设置Wordpress子菜单的风格？

Question

我正在尝试使用CSS设置我的wordpress子菜单，以便仅在用户悬停“颜色”菜单项时显示，但我没有成功，所以我需要一些帮助。

这是我的菜单在这种状态下的样子：

子菜单始终显示，“颜色”菜单项后面有一个奇怪的空间。此外，子菜单项会一个接一个地显示，而不是像下拉菜单那样低于其他项目。

你能帮帮我吗？

我知道有一些类似的问题，但它们没有任何帮助。

编辑：添加了我在style.css中的当前CSS菜单代码

nav.main { float: left; }
nav.main li { float: left; margin-right: 11px; }
nav.main li.last-child { margin-right: 0; }
nav.main li a {
color: #7A0018;
display: block;
font-size: 13px;
padding: 50px 7px 22px 7px;
text-decoration: none;
}
nav.main li a:hover { background: #fbf6dc;  }
nav.main li.current-menu-item a { background: #fbf6dc; }

Answer 1

您孩子列表项的css在哪里？你没有对那些子菜单使用显示属性，首先应该无，然后只有在悬停它们时你必须更改显示属性的 '块'即可。

您已获得保证金权利11px;默认情况下 ul 的位置也占据一定的余量。

你能提供你的html框架（代码）吗？