Emmet 语法简结

作用：Emmet用来快速生成html元素和css元素。

语法（第一行为语法，第二行为生成效果）：

1、父子结构

td>span

<td><span></span></td>

2、兄弟结构

td+span

<td></td>
<span></span>

3、带class

td.test

<td class="test"></td>

4、带ID

td#test

<td id="test"></td>

5、带内容

td{test}

<td>test</td>

6、分组

div>(header>ul>li*2>a)+footer>p

                <div>
                    <header>
                        <ul>
                            <li><a href=""></a></li>
                            <li><a href=""></a></li>
                        </ul>
                    </header>
                    <footer>
                        <p></p>
                    </footer>
                </div>

可以参考官网学习更多：

https://docs.emmet.io/abbreviations/syntax/