美文网首页
emmet常用语法

emmet常用语法

作者: 胡儒清 | 来源:发表于2018-12-13 15:52 被阅读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>
    

    相关文章

      网友评论

          本文标题:emmet常用语法

          本文链接:https://www.haomeiwen.com/subject/uehbhqtx.html