Emmet syntax summary

effect ：Emmet For fast generation html Elements and css Elements .

grammar （ First behavior grammar , The second behavior produces effects ）：

1、 Father son structure

td>span

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

2、 Brother structure

td+span

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

3、 belt class

td.test

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

4、 belt ID

td#test

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

5、 With content

td{test}

<td>test</td>

6、 grouping

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>

You can learn more by referring to the official website ：

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