0012 sublime快捷操作emmet语法
Posted jianjie
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了0012 sublime快捷操作emmet语法相关的知识,希望对你有一定的参考价值。
Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度。
生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成
如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div
如果有父子级关系的标签,可以用 > 比如 ul > li就可以了
如果有兄弟关系的标签,用 + 就可以了 比如 div+p
如果生成带有类名或者id名字的, 直接写 .demo 或者 #two tab 键就可以了。demo:p.haha 生成
如果生成的div 类名是有顺序的, 可以用 自增符号 $
.demo$*3 <div class="demo1"></div> <div class="demo2"></div> <div class="demo3"></div>
5. 综合案例
<!DOCTYPE html>
以上是关于0012 sublime快捷操作emmet语法的主要内容,如果未能解决你的问题,请参考以下文章
sublime插件emmet的配置使用及快捷键Ctrl+E修改成Tab键操作
Sublime Text 3 - HTML 5 的 Emmet 快捷方式不起作用。