同时创建多个HTML标签快捷方式记录

子操作符: >ul>li

<ul> <li></li></ul>引用

并列操作符: +div+span

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

上级操作符: ^div>h1^span

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

div>ul>li>i^^span

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

重复操作符: *ul>li*3

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

分组操作符: ()div>(p>span)*2

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

属性操作选择器: id 和 classdiv#header+div.main+div#footer

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

属性值: [key=value]a[title=test target=_blank]

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

数列值: $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>

数列操作符: @h$@-*3h$@-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>

字符操作字符操作: {}

`span{文本内容}<span>文本内容</span>`