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兩者的樣式都進行修改。

如圖：

雖然，我們再用的時候往往兩者沒啥區別，但是還是要理解它的原理，有時候在一些樣式需要change的時候（用空格分開）還是很管用的！