如何將屬性的屬性應用於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