快速生成多个div

.col${$}*5
//快速生成下面的div
<div class="col1">1</div>
<div class="col2">2</div>
<div class="col3">3</div>
<div class="col4">4</div>
<div class="col5">5</div>

快速生成多个dl

dl*5>dt+dd
//快速生成下面的dl
<dl>
    <dt></dt>
    <dd></dd>
</dl>
<dl>
    <dt></dt>
    <dd></dd>
</dl>
<dl>
    <dt></dt>
    <dd></dd>
</dl>
<dl>
    <dt></dt>
    <dd></dd>
</dl>
<dl>
    <dt></dt>
    <dd></dd>
</dl>

.hasbg*8>img[src="img/slick-$.jpg"]
//快速生成多个div下img中src可按顺序排列
<div class="hasbg"><img src="img/slick-1.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-2.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-3.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-4.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-5.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-6.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-7.jpg" alt=""></div>
<div class="hasbg"><img src="img/slick-8.jpg" alt=""></div>