vscode常用emmet语法及快捷键

1. ul>li>a >表示父子关系

效果：

         <ul>
        <li><a href=""></a></li>
         </ul>

2. 批量生成： ()表示数量，Lu>(li>a)*3

效果：

   <ul>
       <li><a href=""></a></li>
       <li><a href=""></a></li>
       <li><a href=""></a></li>
   </ul>

3. 增加属性： []表示属性，ul>(li>a[href=”#”])*3

效果：

  <ul>
      <li><a href="#"></a></li>
      <li><a href="#"></a></li>
      <li><a href="#"></a></li>
  </ul>

4. 兄弟关系：用加号连接快捷生成几个平行标签 p+a+div

效果：

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

5. 快速生成含类名标签，默认时自动生成div标签，直接写.类名后回车

.one
<div class="one"></div>

同理：ID名也是
#ID名回车

6. 自己选择标签以及类名或ID名，在前面直接加标签名

    p.one
    <p class="one"></p>

    p#one
    <p id="one"></p>

7. $表示自然数

.box$*3

<div class="box1"></div>
        <div class="box2"></div>
        <div class="box3"></div>