点工具 -扩展和更新的联机库中 找到以下俩插件 安装后重新启动
新建一个html文件.将下行代码拷贝到页面里.
div>(header>div)+(section>ul>li.item$$*4>a{link$$})+footer>div>span
然后按tab键!!!!!!!!!!!!!神奇的效果出现了.
代码变成了
<div> <header> <div></div> </header> <section> <ul> <li class="item01"><a href="">link01</a></li> <li class="item02"><a href="">link02</a></li> <li class="item03"><a href="">link03</a></li> <li class="item04"><a href="">link04</a></li> </ul> </section> <footer> <div> <span></span> </div> </footer> </div>
神奇吧!!
网上有很多Zen Coding的教学贴.自己学习吧!!