摘要：
Html:divclass=“containerB”>；这是BBBBBBBBBB样式<；/div>；红色ContainerB｛color:red；font-size:28px；表示下一步是修改A下的B样式。它表示下一步骤是同时修改A和B样式。有时，当某些样式需要更改时（用空格分隔），它会起作用！CSDN原文：https:
html中：
<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的时候（用空格分开）还是很管用的！
---------------------
作者：黑子Kuroko
来源：CSDN
原文：https://blog.csdn.net/fifteen718/article/details/51149114
版权声明：本文为博主原创文章，转载请附上博文链接！