初学 emmet 生成标签

emmet

快速生成 div 标签

• div.box 按 Tab 键
• .boc
  -div#active

<div class="box"></div>

---

文本标签

• P{文本内容}

 <p>文本内容</p>

---

多层标签 > 为下级标签

• .box>p>a

<div class="box">
      <p><a href=""></a></p>
    </div>

平层标签 + 为平级标签

• .box+p+.active

    <div class="box"></div>
    <p></p>
    <div class="active"></div>

父级标签 ^

• .box>.active>p>a^^.shop

    <div class="box">
      <div class="active">
        <p><a href=""></a></p>
      </div>
      <div class="shop"></div>
    </div>

• .box>.active>p>a^.shop

    <div class="box">
      <div class="active">
        <p><a href=""></a></p>
        <div class="shop"></div>
      </div>
    </div>

重复标签 * n(数量)

ul.box>li.active*6

     <ul class="box">
      <li class="active"></li>
      <li class="active"></li>
      <li class="active"></li>
      <li class="active"></li>
      <li class="active"></li>
      <li class="active"></li>
    </ul>