29行的代码class="stress bigsize"这里为什么不能用一个词代替,比如说 class="new",然后在上方的CSS样式表中直接对这个样式进行两行说明{
color:red;
font-size:50px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>类和ID选择器的区别</title>
<style type="text/css">
.color {
color:red;
}
.size {
font-size:20px;
}
.bold {
font-weight:bold;
}
</style>
</head>
<body>
<p class="color">文本颜色</p>
<p class="color size">文本颜色大小</p>
<p class="color bold">文本字重</p>
</body>
</html>
你可以看下这段代码,三段文本,各自有各自的样式,但是都有发生交叉,这个时候,如果有专门负责颜色的样式,专门负责字重的样式,专门负责文本大小的样式,就只需要调用相关样式类目即可,不必再重新写样式
只是为了说明通过类选择器可以选多个类罢了。。比如一堆专门设置颜色,有红橙黄绿青蓝紫各种颜色,一堆专门用来设置大小,如果想要用红色大字,可以选一个颜色的,一个字体大小的,而不用把所有的情况都设置成一个特殊的类
增加了两个自定义的样式