基本emmet使用

基本emmet使用（点击查看文章来源）

HTML

初始化
!、html:5、html:xt、html:4s

添加类

p.classp#idp---><p class="classp" id="idp"></p>
h1{content}---><h1>foo</h1>
a[href=#]---> <a href="#"></a>

嵌套

p>a---><p><a></a></p>
h1+h2---><h1></h1><h2></h2>

分组

//(.foo>h1)+(.bar>h2)
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>

隐式标签(.item)
li:用于ul和ol中

tr:用于table、tbody、thead、tfoot中

td:用于tr中

option:用于select和optgroup中

同时定义多个元素

//ul>li*3
<ul>
<li></li>
<li></li>
<li></li>
</ul>

同时定义多个带属性的元素

//ul>li.item$*3
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
</ul>

CSS

值

//h10p+m5e+m5x+w100-->
height:10%;
margin:5em;
margin:5ex;`
weight:100px;

附加属性

//@f-->
@font-face {
font-family:;
src:url();
}

模糊匹配
ov:h、ov-h、ovh、oh—>overflow: hidden;