我有一个与以下SharePoint网站中所示表格相似的表格。我无法修改该表，因为它是动态生成的，但是我可以添加外部CSS来覆盖它的样式。我只需要显示第二列，而隐藏第一，第三和第四列。
隐藏第一列的伪类是
table#student tr td:first-child { display: none; }
请帮助我伪类或任何其他技巧来隐藏第三列和第四列。
<table id="student">
<tr>
<td>Role</td>
<td>Merin</td>
<td>Nakarmi</td>
<td>30</td>
<tr>
<td>Role</td>
<td>Tchelen</td>
<td>Lilian</td>
<td>22</td>
</tr>
<tr>
<td>Role</td>
<td>Suraj</td>
<td>Shrestha</td>
<td>31</td>
</tr>
</table>
CSS3：
table#student td {
display: none;
}
table#student td:nth-child(2) {
display: block;
}
使用nth-child选择器取消隐藏<td>每行的第二行，从而有效地显示第二行。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句