1014作业

我看作业要求 标题：1014作业

Emmet语法练习

---

1. 标签与内容：[text]

.title{默认标签}

<div class="titlle">默认标签</div>

---

2. 属性和语法糖：[attr]

[id=app]{app}

<div id="app">app</div>

---

3. 重复生成：*

.con{box}*3

<div class="con">box</div>
    <div class="con">box</div>
    <div class="con">box</div>

---

4. 父子关系：>

ul>li{item}*3

    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>>

5. 兄弟关系：+

h3{兄弟}+p{关系内容}

    <h3>兄弟</h3>
    <p>关系内容</p>

---

6. 父级：^ ；(相当于退回上一级)

.box>span{text}^h3{小标题}

    <div class="box">
        <span>text
        </span>
    </div>
    <h3>小标题</h3>

7. 分组：(……)

nav>h3{导航}+(ul>li*3>a{link})

无效果

这里请老师帮忙解答一下

如果去掉括号就可以：

nav>h3{导航}+ul>li*3>a{link}

    <nav>
        <h3>导航</h3>
        <ul>
            <li><a href="">link</a></li>
            <li><a href="">link</a></li>
            <li><a href="">link</a></li>
        </ul>
    </nav>

8. 序号：$，$@

默认序号：ul>li{item-$}*3

    <ul>
      <li>item-1</li>
      <li>item-2</li>
      <li>item-3</li>
    </ul>

自定义起始序号：ul>li{item-$@6}*3

    <ul>
      <li>item-6</li>
      <li>item-7</li>
      <li>item-8</li>
    </ul>

逆序：ul>li{item-$@-1}*3

    <ul>
      <li>item-3</li>
      <li>item-2</li>
      <li>item-1</li>
    </ul>