乐趣区

关于html:同时创建多个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 和 class
div#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$@-*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>


字符操作
字符操作: {}

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


退出移动版