本章目录
1.任务目标
我们上一节课学习了元素选择器，并了解他的有点和缺点。我们如果有大量的相同元素标签，我们现在想让某一个元素标签出现效果。我们现在学习的元素标签满足不了，我们这小结学习一下我们最常用的class选择器。
2.class选择器
我们上一节讲到的内部样式，外部样式，行内样式就是对特定标签的选择，给它加上样式，算是标签选择
这一节我们要讲的选择器，就是选择一类标签给他们加上特定的样式，比如我们有6的div标签，我们只想给其中3个加上特定的样式，我们要是像上一节只能用行内样式一个一个加，因为都是div标签，我们要是选择给div标签加的话，那就是都加上了样式，所以这就涉及到我们更细节化的选择器
3.代码演示
我们想让第二个p标签变色字体
<!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>
<style>
.test {
color: bisque;
}
</style>
</head>
<body>
<p>无边落木萧萧下</p>
<p class="test">不尽长江滚滚来</p>
<div>君不见黄河之水天上来</div>、
<br>
<span>奔流到海不复回</span>
</html>
效果如下
4.小结
我们这一小节学习了class这个选择器，他优点就是可以随便指定某个标签变成你想要的格式，我们要熟练掌握，很常用。