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
  • 發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章