CSS中多个class设置的区别

在css中，我们区分以下写法：

/* 第一种① */
.classA .classB{
	font-size: 28px;
	color: red;
}
/* 第二种② */
.classA, .classB{
	font-size: 28px;
	color: red;
}
/* 第三种 ③*/
.classB{
	font-size: 18px;
	color: blue;
}

其中，
第一种是为A下的B设置属性。
第二种是分别为两个类设置属性。
第三种是单独为B设置属性。
第一种和第三种的区别是：第一种只会影响classA下的classB，而单独出现的classB不会受到影响。

<div class="classA">
    <div class="classB">classA->classB</div>
</div>

<div class="classB">classB</div>