Блог

Я только начал изучать 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

Попробуйте это:

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

Редактировать:
Посмотрите также на эту шпаргалку. Здесь есть все, что вам нужно знать об emmet