For example we want to generate the code like this:
<a href="#tab1">Tab 1</a><a href="#tab2">Tab 2</a><a href="#tab3">Tab 3</a> <div id="tab1" class="tab"> <h1>Tab 1 Content</h1> </div> <div id="tab2" class="tab"> <h1>Tab 2 Content</h1> </div> <div id="tab3" class="tab"> <h1>Tab 3 Content</h1> </div>
So it is three div, has a id called tab1,2,3 and a class tab. inside the div, has h1 with the content.
We can do:
a[href=#tab$]{Tab $}*3
(#tab$.tab>h1{Tab $ Content})*3
[]: attr
#tab: id--> tab
#tab$: id--> tab with increase interger
.tab: class tab
>: child node
{}: content
[HTML5] Shortcut for generate the code
原文：http://www.cnblogs.com/Answer1215/p/5468570.html