css 中多个class选择器的详解

ml中：

<div class="containerA">    这是AAAAAAAAAAAAAAAAAAAAAAA样式    <div class="containerB">        这是BBBBBBBBBBBBBBBBBBBBBB样式    </div></div>

css中：

.containerA .containerB {    color: red;    font-size: 28px;}

.containerA ,.containerB {    color: red;    font-size: 28px;}

这两种写法是有区别的，前者用空格隔开，表示接下来对A下面的B样式进行修改。

如图：

而后者用逗号隔开，表示接下来对A和B两者的样式都进行修改。

如图：

虽然，我们再用的时候往往两者没啥区别，但是还是要理解它的原理，有时候在一些样式需要change的时候（用空格分开）还是很管用的！