Wordpress 悬停下拉菜单

Question

您好，我是 wordpress 新手，我想创建一个简单的下拉菜单。我知道 wordpress 已经有一个创建子菜单的选项，但它会在单击而不是悬停时切换。这就是我想要做的。如果您将鼠标悬停在主导航中的一个项目上，它将下拉一个子菜单。如果您单击主导航中的某个项目，它将带您到那里，如果您单击子菜单项，那么它也会带您到那里。所以基本上我希望它在悬停而不是点击时切换。我知道我可以用 css 做到这一点，但是遇到了麻烦。有什么建议吗？

Answer 1

像这样？

ul li ul {
  display: none;
}

ul li:hover ul {
  padding: 15px auto 0;
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0;
}

<div class="nav">
  <ul>
    <li><a href="#">Item One</a>
      <ul>
        <li><a href="#">Subitem One</a></li>
        <li><a href="#">Subitem Two</a></li>
        <li><a href="#">Subitem Three</a></li>
      </ul></li>
    <li><a href="#">Item Two</a></li>
    <li><a href="#">Item Three</a></li>
  </ul>
</div>

Fiddle