應用樣式到TD包含在TR

Question

我有這樣的問題，我有這樣的事情：

<tr> 
     <td class="someclass"> 
     <input /> 
     </td> 
    ... 
     <td> </td> 
     <td> </td> 
    .. 
    </tr> 

我要重寫，將與<input>只適用於第一<td>「SomeClass的」 CSS類。我該怎麼做？也許有父母的規範或類似的東西？注：我不能添加新的類

Answer 1

請試試這個：

table tr > td:first-child input{ 
    property: value; 
} 

Answer 2

您可以使用CSS僞類從IE7 +

支持 first-child

.someclass{background:red;} 
 
#table1 tr > td:first-child {background:blue;}

<table id="table1"> 
 
<tr> 
 
<td class="someclass">One</td> 
 
<td>Two</td> 
 
<td>Three</td> 
 
</tr> 
 
</table>

請參閱本link瞭解更多關於CSS選擇器