Correcting teacher:WJ
Correction status:qualified
Teacher's comments:写的不错,下次一天的作业合在一块写!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>选择器,简单选择器</title>
<style>
/* 元素选择器,也就是标签选择器 --> */
body {
background-color: lightcyan;
}
/* 类选择器对应者hmtl标签中的class属性 */
.wsp {
border: 1px solid rgb(10, 10, 10);
}
/* 多个类复合应用 */
.wsp.center {
background-color: yellow;
}
/* id选择器 */
#first {
background-color: lightpink;
}
/* id,class可以添加到任何元素上,所以可以省略 */
/* *属于元素级别, 元素<class<id */
/* #first.wsp { */
/* background-color: red; */
/* } */
/* id选择器的应用场景只有二个场景,表单元素,锚点里 */
</style>
</head>
<body>
<h3 class="h3-title">我是标题</h3>
<p class="wsp" id="first">我是第1行</p>
<p class="wsp">我是第2行</p>
<p class="wsp">我是第3行</p>
<p class="wsp">我是第4行</p>
<p class="wsp center">我是第5行</p>
<p class="wsp">我是第6行</p>
<p class="wsp">我是第7行</p>
<p class="wsp">我是第8行</p>
<p class="wsp">我是第9行</p>
</body>
</html>