html - 带 emmet 的下拉菜单

Question

刚开始学习emmet，可以用它做简单的菜单结构，例如:

#navcontainer>ul>(li>a{Item$})*5

生成这个:

<div id="navcontainer">
  <ul>
    <li><a href="">Item1</a></li>
    <li><a href="">Item2</a></li>
    <li><a href="">Item3</a></li>
    <li><a href="">Item4</a></li>
    <li><a href="">Item5</a></li>
  </ul>
</div>

但我想创建类似的东西

<ul>
  <li><a href="#">Item1</a></li>
  <li><a href="#">Item2</a></li>
  <li><a href="#">Item3</a></li>
  <li><a href="#">Item4</a></li>
  <li class="dropdown">
    <a href="#" class="dropbtn">Item5</a>
    <div class="dropdown-content">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
  </li>
</ul>

谢谢:)

-索海尔

Answer 1

试试这个:

#navcontainer>ul>(li>a{Item$})*4+li.dropdown>a{item5}+.dropdown-content>a{Link $}*3

编辑:也看看这个 cheat sheet .关于 emmet，您需要了解的一切