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的時候（用空格分開）還是很管用的！