- ul>li>a >表示父子关系
效果:
<ul>
<li><a href=""></a></li>
</ul>
- 批量生成: ()表示数量,Lu>(li>a)*3
效果:
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
- 增加属性: []表示属性,ul>(li>a[href=”#”])*3
效果:
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
- 兄弟关系:用加号连接快捷生成几个平行标签 p+a+div
效果:
<p></p>
<a href=""></a>
<div></div>
- 快速生成含类名标签,默认时自动生成div标签,直接写.类名后回车
.one
<div class="one"></div>
同理:ID名也是
#ID名回车
- 自己选择标签以及类名或ID名,在前面直接加标签名
p.one
<p class="one"></p>
p#one
<p id="one"></p>
- $表示自然数
.box$*3
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>