2.类选择器
★结构: .类名{ css属性名:属性值; }
★作用:通过类名, 找到页面中所有带有这个类名的标签,设置样式
★注意点:
1.所有标签上都有class属性, class属性的属性值称为类名(类似于名字)
2.类名可以由数字、 字母、下划线、中划线组成,但不能以数字或者中划线开头
3.一个标签可以同时有多个类名, 类名之间以空格隔开
4.类名可以重复, 一个类选择器可以同时选中多个标签
<!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>
.c1{
color: red;
}
.s1{
font-size: 66px;
}
</style>
</head>
<body>
<!-- 类:定义 和 使用才能生效 -->
<p>111</p>
<!-- 一个标签可以使用多个类名,需要空格隔开即可 -->
<p class="c1 s1">222</p>
<div class="c1">这个标签名字也要变红</div>
</body>
</html>