html - 在响应式导航中添加下拉菜单时遇到问题

Question

我尝试了不同的方法来添加无害的子菜单，但我做不到。这是笔:

[1]: https://codepen.io/AlmostCrispyObject/pen/qZKKra

Answer 1

你很接近。

HTML:

<li><a class="nav-link" href="">За матурата</a>
    <ul class="submenu">
        <li ><a class="nav-link" href="">Матурата в цифри</a></li>
        <li ><a class="nav-link" href="">Конспект</a></li>
        <li ><a class="nav-link" href="">ЧЗВ</a></li>
    </ul>
</li>

CSS:

.submenu {display:none}
li:hover > .submenu {
  display:block;
  position:absolute;
}