Css Wordpress悬停下拉菜单

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

像这样

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>

ul-li-ul{
显示：无；
}
ul-li：悬停ul{
填充：15px自动0；
显示：内联块；
位置：绝对位置；
顶部：18px；
左：0；
}

---

这是使用两个CSS和javascript完成的