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