emmet的下拉菜单

时间:2016-10-09 19:37:20

标签: html css emmet

我刚开始学习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>

谢谢:)

-Sohail

1 个答案:

答案 0 :(得分:0)

试试这个:

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

编辑: 再看看cheat sheet。您需要了解有关emmet的所有信息