エディターでのショートカット生成

複数の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>

複数のdiv内にあるimgタグを連番でsrcに自動挿入して生成

.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>