phpstorm z coding zen coding功能 写法说明

都说phpstorm是写php的神器。 z coding zen coding功能 写法说明

这里是一个支持的属性和操作符的列表：

• E
  元素名称(div, p);
• E#id
  使用id的元素(div#content, p#intro, span#error);
• E.class
  使用类的元素(div.header, p.error.critial). 你也可以联合使用class和idID:div#content.column.width;
• E>N
  子代元素(div>p, div#footer>p>span);
• E+N
  兄弟元素(h1+p, div#header+div#content+div#footer);
• E*N
  元素倍增(ul#nav>li*5>a);
• E$*N
  条目编号 (ul#nav>li.item-$*5);

写好后直接跟上tab键就可以见证奇迹的时刻。

例1：div#box>ul.nav>li*4>a>span.txt>p*2

按tab键后

<div id="box">  <ul class="nav">    <li><a href=""><span class="txt">    <p></p>    <p></p>    </span></a></li>    <li><a href=""><span class="txt">    <p></p>    <p></p>    </span></a></li>    <li><a href=""><span class="txt">    <p></p>    <p></p>    </span></a></li>    <li><a href=""><span class="txt">    <p></p>    <p></p>    </span></a></li>  </ul></div>例2:ul#nav>li.item-$*5按tab键后
<ul id="nav">  <li class="item-1"></li>  <li class="item-2"></li>  <li class="item-3"></li>  <li class="item-4"></li>  <li class="item-5"></li></ul>