Emmet(之前的Zencoding)的使用

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;

好像很牛逼的樣子呢。