Sublime Text3 Emmet用法
简介:
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
- 缩写:
#header
- 缩写:
.title
- 缩写:
form#search.wide
- 缩写:
p.class1.class2.class3
- 缩写:
p[title="Hello world"]
- 缩写:
td[rowspan=2 colspan=3 title]
- 缩写:
[a='value1' b="value2"]
- a[href=#]
- div[name='polly']
- h1{foo}
- 缩写:
a{Click me}
- 缩写:
p>{Click }+a{here}+{ to continue}
- 缩写:
.class
- 缩写:
em>.class
- 缩写:
ul>.class
- 缩写:
table>.row>.col