<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>类选择器</title>
<style>
/*类选择器: .类名字*/
.box1 {
color: red
}
.box {
font-size: 36px;
}
</style>
</head>
<body>
<!-- class相当于人的名字 -->
<!-- 类选择器可以共同使用, 同一个标签可以有多个类名, 但是需要用空格隔开 -->
<div id="box-id" class="box1 box">
<a href="" class="box1">第一个盒子</a>
</div>
</body>
</html>
上述运行结果: