怎样快捷键创建div和起class名字

1.在body内输入div.abc按下tab键

效果:<divclass="abc"></div>

2.在body内输入div#abc按下tab键

效果:<div id="abc"></div>

3.在body内输入ul>li{小花}*3按下tab键

效果:<ul>

<li>小花</li>

<li>小花</li>

<li>小花</li>

</ul>

4.在body内输入div>a[href='#']{小花}*3按下tab键

效果:<div>

<ahref="#">小花</a>

<ahref="#">小花</a>

<ahref="#">小花</a>

</div>

5.在body内输入select>option{$}*5按下tab键

效果:<select name="" id="">

<optionvalue="">1</option>

<optionvalue="">2</option>

<optionvalue="">3</option>

<optionvalue="">4</option>

<optionvalue="">5</option>

</select>

6.在body内输入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab键

效果:<select name="" id="">

<option value="花香">1<a href="#">小花</a></option>

<option value="花香">2<a href="#">小花</a></option>

<option value="花香">3<a href="#">小花</a></option>

<option value="花香">4<a href="#">小花</a></option>

<option value="花香">5<a href="#">小花</a></option>

</select>

总结一下:属性值用[ ]填充,文本内容用{ }填充,看完上面大概就明白了,谢谢。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。