Sublime Text3 Emmet用法

  • 输入!然后点击Tab
  • 乘法符号(*):ul>li*6 点击Tab
  • 加法符号(+):div+p+bq 点击Tab
  • 自增符($):ul>li.item$*5
    • 缩写: h$[title=item$]{Header $}*3
    • 缩写: ul>li.item$$$*5
    • 缩写: ul>li.item$@-*5
    • 缩写: ul>li.item$@3*5
    • 缩写: div+div>p>span+em^bq
    • 缩写: div+div>p>span+em^^bq
  • 分组:使用()
    • 缩写:div>(header>ul>li*2>a)+footer>p
    • 缩写:(div>dl>(dt+dd)*3)+footer>p
  • ID和类属性
    • 缩写:#header
    • 缩写:.title
    • 缩写:form#search.wide
    • 缩写:p.class1.class2.class3
  • 自定义属性:[ ]
    • 缩写:p[title="Hello world"]
    • 缩写:td[rowspan=2 colspan=3 title]
    • 缩写:[a='value1' b="value2"]
  • 文本:{}
    • 缩写:a{Click me}
    • 缩写:p>{Click }+a{here}+{ to continue}
  • 隐式标签
    • 缩写:.class
    • 缩写:em>.class
    • 缩写:ul>.class
    • 缩写:table>.row>.col
  • 發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章