html同时创建多个元素快捷方式

1.子操作符：>

ul>li

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

2.并列操作符: +

div+span

<div></div>
<span></span>

3.上级操作符: ^

div>h1^span

 <div>
 	<h1></h1>
 </div>
 <span></span>

div>ul>li>i^^span

<div>
  <ul>
    <li><i></i></li>
  </ul>
  <span></span>
</div>

4.重复操作符: *

ul>li*3

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

5.分组操作符: ()

div>(p>span)*2

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

6.选择器: id 和 class

div#header+div.main+div#footer

<div id="header"></div>
<div class="main"></div>
<div id="footer"></div>

7.属性值: [key=value]

a[title=test target=_blank]

<a href="" title="test" target="_blank"></a>

8.数列值: $

h$.title$*5

<h1 class="title1"></h1>
<h2 class="title2"></h2>
<h3 class="title3"></h3>
<h4 class="title4"></h4>
<h5 class="title5"></h5>

h$.title$$*5

<h1 class="title01"></h1>
<h2 class="title02"></h2>
<h3 class="title03"></h3>
<h4 class="title04"></h4>
<h5 class="title05"></h5>

9.数列操作符: @

h$@-*3

h$@-1*3

<h3></h3>
<h2></h2>
<h1></h1>

h$@2*3

<h2></h2>
<h3></h3>
<h4></h4>

h$@-2*3

<h4></h4>
<h3></h3>
<h2></h2>

10.字符操作: {}

span{文本内容}

<span>文本内容</span>