~~~
<!-- ul>li -->
<ul>
<li></li>
</ul>
~~~
~~~
<!-- p.one -->
<p class="one"></p>
~~~
~~~
<!-- p*4 -->
<p></p>
<p></p>
<p></p>
<p></p>
~~~
~~~
<!-- p[class="one" id="two"] -->
<p class="one" id="two"></p>
~~~
~~~
<!-- p.one#two -->
<p class="one" id="two"></p>
~~~
~~~
<!-- p*4{hello} -->
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
~~~
~~~
<!-- ul>li*4>a[href="#" class="one$"]{hello world$} -->
<ul>
<li><a href="#" class="one1">hello world1</a></li>
<li><a href="#" class="one2">hello world2</a></li>
<li><a href="#" class="one3">hello world3</a></li>
<li><a href="#" class="one4">hello world4</a></li>
</ul>
~~~
