sublime-emmet插件的使用小结

引自:http://www.w3cplus.com/tools/emmet-cheat-sheet.html
插件安装之后,输入以下命令后tab生成相应的html结构。

使用举例

  1. p.item.item-${hello$}*10(内容自增)

hello1

hello2

hello3

hello4

hello5

hello6

hello7

hello8

hello9

hello10

  1. nav>ul>li(嵌套)

  1. div+p+bq(兄弟节点)

  1. div+div>p>span+em^bq(回溯到外层)

  1. p.class1.class2.class3(多个类名)

  1. p[title="Hello world"](自定义属性)

  1. p>{Click }+a{here}+{ to continue}(文字内容)

Click here to continue

  1. form#search.wide(id)

本文原创,转载请注明出处。不足之处,恳请指正。

你可能感兴趣的:(sublime-emmet插件的使用小结)