emmet

emmet的基本使用

span.bbb

<span class="bbb"></span>

ul#ccc.ddd

<ul id="ccc" class="ddd"></ul>

div.aaa>ul>li*5 

 <div class="aaa"> 

     <ul> 

         <li></li> 

         <li></li> 

         <li></li> 

         <li></li>

         <li></li> 

     </ul> 

 </div>

div+p+bq 

 <div></div>

 <p></p> 

 <blockquote></blockquote>

div>ul>li^span 

 <div> 

     <ul> 

         <li></li> 

     </ul> 

     <span></span> 

 </div>

ul>li*5 

 <ul> 

     <li></li> 

     <li></li> 

     <li></li> 

     <li></li> 

     <li></li> 

 </ul>

div>(header>ul>li*2>a)+footer>p 

 <div> 

 <header> 

     <ul> 

         <li><a href=""></a></li> 

         <li><a href=""></a></li> 

     </ul> 

 </header> 

 <footer> 

     <p></p>     

 </footer> 

 </div>

(div>dl>(dt+dd)*3)+footer>p 

 <div> 

     <dl> 

         <dt></dt> 

         <dd></dd> 

         <dt></dt> 

         <dd></dd> 

         <dt></dt> 

         <dd></dd> 

     </dl> 

 </div> 

 <footer> 

     <p></p> 

 </footer>

a[href="http://www.baidu.com" title="..."]

<a href="http://www.baidu.com" title="..."></a>

ul>li.item$*5 

 <ul> 

     <li class="item1"></li> 

     <li class="item2"></li> 

     <li class="item3"></li> 

     <li class="item4"></li> 

     <li class="item5"></li> 

 </ul>

ul>li.item$@-3*5 

 <ul> 

     <li class="item7"></li> 

     <li class="item6"></li> 

     <li class="item5"></li> 

     <li class="item4"></li> 

     <li class="item3"></li> 

 </ul>

a[href="http://stonewang.php.cn"]{点击这里到 王石磊 的博客}

<a href="http://stonewang.php.cn">点击这里到 王石磊 的博客</a>