设置css属性表tr:nth-​​child(1){display:none;其他tr子节点中的所有输入元素都在消失

时间:2014-06-10 10:41:46

标签: html css

table tr :nth-child(1) {
    display:    none;
}

<table class="tableForm">
<tr>
    <th>Id</th>
    <th>Product Name</th>
    <th>Tax</th>
    <th>Agent Rate</th>
    <th>Counter Rate</th>
    <th>M.R.P.</th>                 
    <th></th>
</tr>           
<tr>
    <td>1</td>
    <td><input type="text"></td>
    <td>12.50%</td>
    <td>120.16</td>
    <td>224.30</td>
    <td>27.30</td>
    <td class="clickCell" onClick="handleCellClick(this)">Update</td></tr>
</table>
</code>

问题用css将样式设置到每一行的第一列时是表tr:nth-​​child(1) 它隐藏了其他columens中的所有元素

请指导此

1 个答案:

答案 0 :(得分:1)

隐藏每个第一个元素,例如。文字输入也是。但不是你写的所有元素。

如果您想隐藏第一个TD,请使用

table tr td:nth-child(1)

table tr td:first-child

如果您想隐藏第一个TD / TH,请使用

table tr > *:nth-child(1)

table tr > *:first-child