如何为tr的第三个子项设置样式JUST

Question

我有一张桌子，我有七张桌子。我想为tr的第三个孩子设置display: none，只为那个孩子设置！

如何设置此样式？

Answer 1

将:nth-child选择器与常量表达式一起用作参数，以隐藏第三列中的td和th：

td:nth-child(3), th:nth-child(3) {
  display: none;
}

Demo

Answer 2

使用nth-of-type CSS选择器仅对ID tr的表格元素td的第三个#table元素进行样式化，如下所示：

#table > tr:nth-of-type(3) {
    display: none
}

Answer 3

如果您使用的是JQuery，可以执行以下操作：

$('tr').find('td:eq(3)').hide();

或者，用css你可以做到：

tr > td:nth-child(3) {display: none;}

Answer 4

<tr style="display:none;">