![[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>自定义样式的来源与优先级</title><link rel="stylesheet" href="css/zuoye.css"></head><body><h2 style="color: red;" class="color" id="color">我是最高级内联样式</h2><h2 class="color" id="color">我是外部样式class，但是只能优先显示id</h2><h2 class="color">我只是为了演示class颜色而已</h2><!-- 通过演示效果的优先级 --><!-- 自定义样式优先级如下--><!--内链式>id>class --><!-- 内嵌式红色大于id 黄色 大于class蓝色--></body></html>
<!-zuoye.css->.color{color: blue;}#color{color: yellow;}
<!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>常用选择器与权重分析方法</title><link rel="stylesheet" href="css/zuoye2.css"></head><body><div>选择器</div><ul class="list" id="nav"><li class="item">显示1</li><li class="item">显示2</li><li class="item">显示3</li></ul><!--权重分类id，class ,tag(标签) 三类 --></body></html>
<!-zuoye2.css->/* 当前css 按照《选择权重》顺序书写*/#nav{background-color: yellow;}.list>.item{border: 1px solid red;}li{list-style: none;}
