子操作符: >
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>`