如何防止空白屬性繼承？

Question

我的風格是：

.Content > div { 
    display: inline-block; 
    vertical-align: top; 
    box-sizing: border-box; 
    width: 33%; 
    height: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
} 

我想只有.Content第一批孩子是「沒有可包裝」。但是第一個孩子裏面的所有div都變成「不可包裝」。這不是我需要的。有沒有辦法解決這個問題？

編輯

我的HTML是：

<div class="Content"> 
    <div class="left"> 
     <div></div> 
     <div></div> 
     <div></div> 
    </div> 
    <div class="center1"> 
     <div></div> 
     <div></div> 
     <div></div> 
     <div></div> 
    </div> 
    <div class="center2"> 
     <div></div> 
     <div></div> 
     <div></div> 
     <div></div> 
    </div> 
    <div class="right"> 
     <div></div> 
     <div></div> 
     <div></div> 
    </div> 
</div> 

所以，我想只有.left，.center1，.center2，.right div的是裏面.Content格 「沒有可包裝」。

Answer 1

如果我正確理解你的問題，你希望.Content的孩子的孩子沒有white-space: nowrap;財產。

您可以通過使用這個CSS這樣做：

.Content > div > div { 
    white-space: normal; 
}