如何使用CSS设计Wordpress子菜单？

我正在尝试用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; }

---

您的子列表项的css在哪里？您没有对那些子菜单使用显示属性，这些子菜单应该先执行none，然后仅在悬停它们时，您必须更改显示属性'block'

您已将保证金权利财产授予11px；其中，违约时的asul也占有一定的保证金

---

您还可以提供您的html框架（代码）吗？

您可以提供您的代码，以便我们解决问题吗？@TheNewbie我已经为菜单添加了我目前在style.CSS中获得的CSS代码。我强烈建议在使用Wordpress的CSS时，使用Chrome或Firefox中的Web开发者工具。每个主题都是独特的，处理CSS的方式也不同，所以我们很难给你准确的答案。只要打开Web开发工具的Elements部分，您就可以添加/更改/修改您想要的任何CSS规则，页面将自动更新。一旦你得到了你想要的页面样式，你就可以把你的临时规则复制粘贴到styles.css或者你的主题放置自定义样式的任何地方。