如何防止空白属性继承？

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; 
}