emmet

王石磊的博客
王石磊的博客原创
2017年10月09日 16:38:14734浏览

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>


上一条:PHP自学之路2下一条:emmet使用
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议