我正在从头开始构建一个自定义主题，我一直坚持这个下拉样式。当子菜单包含<li> 悬停，但当我将鼠标移离父对象时<li> 在子菜单及其项上，它会消失。当我在子菜单及其子菜单上悬停时，希望能够快速解决如何保持子菜单打开的问题。以下是我目前的风格（形式较少）。

.primary-nav .nav-links ul li .sub-menu {
  margin-top: 0;
  position: absolute;
  top: 55px;
  background-color: #EEEEEE;
  display: none;
  min-width: 150px;
  right: 0;
  padding: 5px 0 5px 5px;
  li{
    float: none;
  }
}
.primary-nav .nav-links #menu-primary > li > a{
  height: 90px;
  padding-top: 30px;
  display: block;
}
.primary-nav .nav-links #menu-primary > li {
  &:hover{
    ul{
      display: block;
    }
  }
}