Ethereal的前端学习笔记

emmet的基础用法

1.批量引用标签使用*字符

例 1 div*5 

    <div>div>
    <div>div>
    <div>div>
    <div>div>
    <div>div>

ul>li

1     <ul>
2         <li>li>
3     ul>

　　3.兄弟关系可用 +字符

div+span

    <div>div>
    <span>span>

4.生成带有类名或者带有id的标签可使用.和#字符

p.demo

    <p class="demo">p>

p#two

    <p id="two">p>

5.标签预留文字使用{}

div{我是ethereal}

    <p>我是etherealp>

6.自增字符$

div{$}*5

    <div>1div>
    <div>2div>
    <div>3div>
    <div>4div>
    <div>5div>