应用样式到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选择器