zencoding實踐

.container

<div class="container"></div>

.wrap>ul>.list>.site
<div class="wrap">
 <ul>
  <li class="list">
   <div class="site"></div>
  </li>
 </ul>
</div>

.outer>.inner>h1+p
<div class="outer">
 <div class="inner">
  <h1></h1>
  <p></p>
 </div>
</div>

.wrap>p>a^p
<div class="wrap">
 <p><a href=""></a></p>
 <p></p>
</div>

.wrap>p>em>a^^p
<div class="wrap">
 <p><em><a href=""></a></em></p>
 <p></p>
</div>

(.one>p)+(.two>p)
<div class="one">
 <p></p>
</div>
<div class="two">
 <p></p>
</div>

h1{h1}+p{p1}
<h1>h1</h1>
<p>p1</p>

a[href="http//www.baidu.com"]{baidu}
<a href="http//www.baidu.com">baidu</a>

.one.two.three
<div class="one two three"></div>

.one.two.three*7
<div class="one two three"></div>
<div class="one two three"></div>
<div class="one two three"></div>
<div class="one two three"></div>
<div class="one two three"></div>
<div class="one two three"></div>
<div class="one two three"></div>

.one_$$_$*5
<div class="one_01_1"></div>
<div class="one_02_2"></div>
<div class="one_03_3"></div>
<div class="one_04_4"></div>
<div class="one_05_5"></div>