emmet常用语法
2018-12-13 本文已影响10人
胡儒清
缩写代码:ul#list>(li.item>a[href="xxxx"]{$ xxxx})*5
解读:
- ul#list 给ul添加id="list"
- ul> 表示给ul添加一个后代元素
- li.item 给li添加class="itme"
- a[href="xxx"] 给a添加属性href="xxx"
- a{是变量,从1开始,依次往上加, {} 里面是表示a标签要添加的内容
- *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>