Emmet is the previous Zencoding
div.wrapper#wrapper>div.right+div.left*2>span{nimei$}*3//. 类名 #id >下面 +同类 *2前面的来两个 {}里面的东西就是span里面的东西
which will generate code like
<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>
.
In css, w200, h5p and m1e will be automatically generated respectively:
width: 200px;height: 5%;margin: 1em;
It seems very awesome.