![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：
Collection
Collection
主要是对css的选择器的使用，怎么对元素添加样式
<!DOCTYPE html><!-- 文档的类型 有xml, xhtml，html -->
<html>
<head>
<title>php中文网</title><!-- 定义网页的头部 标题 -->
<meta charset="utf-8"><!-- 页面字符集 -->
<!-- css样式的引入方式有三种 1.外部样式 在文档外部定义 通过link 引入 2.内联样式 元素内部定义 3.内部样式 style标签内定义
他们的优先级是 外部样式表 < 内部样式表 < 内联样式 -->
<style type="text/css">
a[href="www.php.cn"] {color: red} /*属性选择器*/
#index{color: yellow} /*id 选择器*/
div a{color: green} /*标签选择器的 派生选择器*/
.box{color: pink} /*类选择器*/
</style>
<!-- css选择器的优先级 id>class>标签 -->
</head>
<body>
<a href="http://www.php.cn">php中文网</a>
<a href="http://www.nowcoder.com" id="index">牛客网首页</a>
<div><a href="http://www.baidu.com">百度</a></div>
<div class="box"></div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
现在对这次所学的知识进行总结：
1.css引入方式有三种 ：外部样式，内部样式，内联样式
他们的优先级是 内联 > 内部 > 外部。
2.css选择器主要有三种 ：类选择器 ，ID选择器， 标签选择器
a. 类选择器 就是通过元素的class属性添加样式
b. ID选择器 就是 通过元素的ID属性添加样式
c.标签选择器 就是通过标签及元素的名字来添加样式，
