emmet常用语法

2018-12-13  本文已影响10人  胡儒清

缩写代码:ul#list>(li.item>a[href="xxxx"]{$ xxxx})*5
解读:

  1. ul#list 给ul添加id="list"
  2. ul> 表示给ul添加一个后代元素
  3. li.item 给li添加class="itme"
  4. a[href="xxx"] 给a添加属性href="xxx"
  5. a{xxxx}是变量,从1开始,依次往上加, {} 里面是表示a标签要添加的内容
  6. *5 表示该标签要重复多少次,如果不添加(),重复的是离它最近的标签,加上(),重复的是括号内的内容
<ul id="list">
    <li class="item"><a href="xxxx">1 xxxx</a></li>
    <li class="item"><a href="xxxx">2 xxxx</a></li>
    <li class="item"><a href="xxxx">3 xxxx</a></li>
    <li class="item"><a href="xxxx">4 xxxx</a></li>
    <li class="item"><a href="xxxx">5 xxxx</a></li>
</ul>
上一篇下一篇

猜你喜欢

热点阅读