利用webstorm 快捷创建标签案例：

 利用webstorm 快捷创建标签案例：

 .wrapper>(.sWrapper>input[class='sText']+span[class= 'btn']*3)+.flWrapper>ul>(li>img[src='$']+p[class='name']+p[class ='des'])*5 

注意：中间不可以有空格 效果如下：

<div class="wrapper">
   <div class="sWrapper"><input type="text" class="sText"><span class=""></span><span class=""></span><span
         class=""></span></div>
   <div class="flWrapper">
      <ul>
         <li><img src="1" alt="">
            <p class="name"></p>
            <p class=""></p>
         </li>
         <li><img src="2" alt="">
            <p class="name"></p>
            <p class=""></p>
         </li>
         <li><img src="3" alt="">
            <p class="name"></p>
            <p class=""></p>
         </li>
         <li><img src="4" alt="">
            <p class="name"></p>
            <p class=""></p>
         </li>
         <li><img src="5" alt="">
            <p class="name"></p>
            <p class=""></p>
         </li>
      </ul>
   </div>
</div>