如何将属性的属性应用于div继承类？

Question

我有两个table在两个div，每个div有不同的类。我想将padding仅应用于其中一个表格的单元格。

（下面的代码也是在JSFiddle）

HTML部分：

<div class=tight> 
<table> 
<tr> 
    <td>hello</td><td>world</td> 
</tr> 
</table> 
</div> 

<div class=wide> 
<table> 
<tr> 
    <td>bonjour</td><td>tout le monde</td> 
</tr> 
</table> 
</div> 

的CSS部分：

td { 
    background: green; 
    color: white; 
    padding: 10px; 
} 

这适用padding于所有细胞中。我试图具体，虽然各种组合

td .wide { ... } 
td, .wide { ... } 
td.wide { ... } 

但我找不到合适的。

是否可以为一个元素设置一个属性，但是哪个子元素是特定的div（特定=具有特定类）？

Answer 1

例如，如果你想在< TD应用填充>的第一个div，用途：

.tight td{ 
    padding: 10px; 
} 

如果您愿意排除类之一，你也可以使用：

div:not(.tight) td { 
    padding: 10px; 
} 

Answer 2

使用这样的东西.wide td