![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：
Collection
Collection
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><!--1. 标签与内容之间用{text}-->{text}<!-- 2. 属性和语法糖: `[attr]` -->[id=app]{app}<div id="app">app</div><div id="app2">students</div><div id="class">class</div><div id="wonen">wonen</div><div id="app3">app3</div><div id="app4">app4</div><div id="app5">app5</div>#app6{app6} 语法糖<div id="app7">app7</div><!-- [class=title]{title} --><div class="title">title</div><div class="title1">title1</div><div class="title2">title2</div><div class="title3">title3</div><div class="title4">title4</div>.title5{title5}语法糖<div class="title6">title6</div><div class="title7">title</div><!-- 3. 重复: `*` --><!--.play{txt}*3 --><div class="play">box</div><div class="play">box</div><div class="play">box</div><!-- 4. 父子: `>` --><!--ul>li{text}*3--><ul><li>text</li><li>text</li><li>text</li></ul><!--5. 兄弟 `+`--><!--.a{atext}+p{text}--><div class="a">txt</div><p>t</p><!--错误示范：.a{atext} + p{text} 不要有空格--><h3>鸟</h3><p>t</p>6. 父级: `^`.a{父级}^p{子级}<div class="a">父级</div><p>子级</p><!-- 7. 分组: `(...)` -->.nav{导航栏目}>ul>li*3>a{栏目}<div class="nav">导航栏目<ul><li><a href="">栏目</a></li><li><a href="">栏目</a></li><li><a href="">栏目</a></li></ul></div><!-- 8. 序号: `$`,`$@` --><!--ul>li*3>a{分组$} 默认从1 开始 $写完整就是$# 有序--><ul><li><a href="">分组1</a></li><li><a href="">分组2</a></li><li><a href="">分组3</a></li></ul><!--自定义起始序号-->ul>li{级别-$@7}*3<ul><li>级别-7</li><li>级别-8</li><li>级别-9</li></ul><!--逆序: ul>li{item-$@-1}*3 -->ul>li{this-$@-1}*3<ul><li>this-3</li><li>this-2</li><li>this-1</li></ul></body></html>
