带有 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你需要知道的一切