CSS中關於多個class樣式設置的不同寫法

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
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！