html修改多个class,CSS中关于多个class样式设置的不同写法

html中：

这是AAAAAAAAAAAAAAAAAAAAAAA样式

这是BBBBBBBBBBBBBBBBBBBBBB样式

css中：

.containerA .containerB {

color: red;

font-size: 28px;

}

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

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

如图：

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

如图：

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

---------------------

作者：黑子Kuroko

来源：CSDN

原文：https://blog.csdn.net/fifteen718/article/details/51149114

版权声明：本文为博主原创文章，转载请附上博文链接！