常用Emmet的HTML缩写语法

常用Emmet的HTML缩写语法

子级：>

<!-- div>ul>li  -->
<div>
    <ul>
        <li></li>
    </ul>
</div>

平级：+

//div+p

<div></div>
    <p></p>

乘法：*

//ul>li*3

<ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

id和class

div#box+div.box1+div#text.class1.class2.class3

   <div id="box"></div>
    <div class="box1 class1 class2 class3"></div>
   

自定义属性：[ ]

 tr[width colspan3]
    
<tr width="" colspan3=""></tr>

编号：$

 tr>td.box$*4
 
<tr>
        <td class="box1"></td>
        <td class="box2"></td>
        <td class="box3"></td>
        <td class="box4"></td>
    </tr>

内容文本：{ }

 tr>td*3{文本}

 <tr>
     <td>文本</td>
     <td>文本</td>
     <td>文本</td>
 </tr>