![[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 http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>
.title{内容} 输出<div class="title">内容</div>
[id=title]{title} 输出<div id="title">title</div>[class=title]{title} 输出<div class="title">title</div>id的语法糖 '#' class的语法糖 '.'#title{title} 输出<div id="title">title</div>.title{title} 输出<div class="title">title</div>
.content{文本}*3 输出<div class="content">文本</div><div class="content">文本</div><div class="content">文本</div>
div>ul>li{文本}*3 输出<div><ul><li>文本</li><li>文本</li><li>文本</li></ul></div>
h2{biaoti}+p{wenben} 输出<h2>biaoti</h2><p>wenben</p>
.title>p{text}^h2{text2} 输出<div class="title"><p>text</p></div><h2>text2</h2>
nav>h3{title}+(ul>li{title2}*3) 输出<nav><h3>title</h3><ul><li>title2</li><li>title2</li><li>title2</li></nav>
ul>li{item-$}*3 输出<ul><li>item-1</li><li>item-2</li><li>item-3</li></ul>ul>li{item-$@3}*3 输出<ul><li>item-3</li><li>item-4</li><li>item-5</li></ul>倒序： ul>li{item-$@-3}*3 输出<ul><li>item-5</li><li>item-4</li><li>item-3</li></ul>