Emmet语法:
- 子代:>
div>ul.li
回车之后
<div>
<ul>
<li></li>
</ul>
</div>
- 兄弟:+
父代:^
div+div>p>span+em^bq
Tab之后
<div></div>
<div>
<p><span></span><em></em></p>
<bloackquote></blockquote>
- 重复:*
- 成组:()
(div>dl>(dt+dd)*3)+footer>p
Tab之后
<div>
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
</div>
<footer>
<p></p>
</footer>
- ID:#
- CLASS: .
div#header+div.page+div#footer.class1.class2.class3
Tab后
<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>
- 属性:[]
<td[title="hello world!" colspan=3]
Tab之后
<td title="hello world!" colspan="3"></td>
注:空格添加多个属性
举例:
(div+p#test>span.test2.test3)*5+p[name="hello"]>div.test4^a*5
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<p name="hello">
<div class="test4"></div>
</p>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
React 浏览器兼容性
IE8以上