Question

我有id“学生”的表。 e.g。

 <table id="student">
    <tr>
        <td>Role</td>
        <td>Merin</td>
        <td>Nakarmi</td>
    </tr>
    <tr>
        <td>Role</td>
        <td>Tchelen</td>
        <td>Lilian</td>
    </tr>
    <tr>
        <td>Role</td>
        <td>Suraj</td>
        <td>Shrestha</td>
    </tr>
</table>

对于此表中的每一行，第一个<td>具有值Role，我想为每一行隐藏第一个<td>。我试过像

这样的选项

#student > tr > td:first-child
{ 
    width: 0px; important;
}

但遗憾的是没有用。

请帮忙

Answer 1

使用以下内容。

table#student tr td:first-child{display:none;}

<强> WORKING DEMO

Answer 2

您的此代码不正确：

{ width: 0px; important; }

这应该是：

#student > tr > td:first-child{ 
  width: 0px !important; 
}

在important属性之前使用分号是不正确的。

Answer 3

 #student > tr > td:first-child{
  display : none;
    }

某些表中每个tr的第一个td的CSS

3 个答案: