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

Question

我有id"学生"的表.例如

 <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;}

工作演示