Emmet插件语法学习

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>
    <!-- div#test -->
    <div id="test">
        
    </div>
    <!-- div.test -->
    <div class="test">
        
    </div>
    <!-- div>ul>li>p -->
    <div>
        <ul>
            <li>
                <p></p>
            </li>
        </ul>
    </div>
    <!-- div+ul+p -->
    <div></div>
    <ul></ul>
    <p></p>

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

    <!-- div*3 -->
    <div></div>
    <div></div>
    <div></div>
    
    <!-- div>(li>span)*3 -->
    <div>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
    </div>
    <!-- div>(ul>li>a[href=''])+div>p -->
    <div>
        <ul>
            <li><a href=""></a></li>
        </ul>
        <div>
            <p></p>
        </div>
    </div>
    <!-- a[href='xxx.do' name='myname'] -->
    <a href="xxx.do" name="myname"></a>
    
    <!-- ul>li.test$*3 -->
    <ul>
        <li class="test1"></li>
        <li class="test2"></li>
        <li class="test3"></li>
    </ul>
    <!-- ul>li.test$@2*3 -->
    <ul>
        <li class="test2"></li>
        <li class="test3"></li>
        <li class="test4"></li>
    </ul>
    <!-- ul>li.test${标签$}*3 -->
    <ul>
        <li class="test1">标签1</li>
        <li class="test2">标签2</li>
        <li class="test3">标签3</li>
    </ul>
    
</body>
</html>

学习原文
https://blog.csdn.net/qq_33744228/article/details/80910377