Emmet (旧 Zencoding) の使用_html/css_WEB-ITnose

Emmet は以前の Zencoding です

div.wrapper#wrapper>div.right+div.left*2>span{nimei$}*3//. 类名 #id >下面 +同类 *2前面的来两个 {}里面的东西就是span里面的东西

これは

<div class="wrapper" id="wrapper">    <div class="right"></div>    <div class="left">        <span>nimei1</span>        <span>nimei2</span>        <span>nimei3</span>    </div>    <div class="left">        <span>nimei1</span>        <span>nimei2</span>        <span>nimei3</span>    </div></div>

のようなコードを生成します。

css では、w200、h5p、m1e がそれぞれ自動生成されます:

width: 200px;height: 5%;margin: 1em;

とてもすごいですね。