带 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

你想知道的都有

带 emmet 的下拉菜单

dropdown menu with emmet

html

css

emmet