sublime text 快速补全

sublime text 快速补全

关于补全，其实有很多，记录一些常用的在这里，忘记了可以查找

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

 

ul>li*5
    <ul>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
         <li></li>
    </ul>

div+p+bq
    <div></div>
    <p></p>
    <blockquote></blockquote>

ul>li.item$*5
    <ul>
         <li class="item1"></li>
         <li class="item2"></li>
         <li class="item3"></li>
         <li class="item4"></li> <li class="item5"></li>
    </ul>

div+div>p>span+em^bq

    <div></div>
     <div>
         <p><span></span><em></em></p>
         <blockquote></blockquote>
    </div>

div+div>p>span+em^^bq
    <div></div>
    <div>
             <p><span></span><em></em></p>
    </div>
    <blockquote></blockquote> 

h$[title=item$]{Header $}*3
    <h1 title="item1">Header 1</h1>
    <h2 title="item2">Header 2</h2>
    <h3 title="item3">Header 3</h3> 

 

ul>li.item$$$*5
    <ul>
         <li class="item001"></li>
         <li class="item002"></li>
         <li class="item003"></li>
         <li class="item004"></li>
         <li class="item005"></li>
    </ul> 

 

高大上的更多花样...

http://docs.emmet.io/cheat-sheet/