Html CSS技巧-如果上tr为空，如何隐藏一个tr

我有一个像这样的html表格

<tbody>
    <tr class="grid_row_content">
        <td class="gridCell">
            <div class="componentswitcher">
            <div style="display:none;"></div>
            </div>
        </td>
    </tr>
    <tr class="grid_row_spacer"></tr>
    <tr class="grid_row_content">
        <td class="gridCell">
            <div class="componentswitcher">
            <div style="display:none;"></div>
            </div>
        </td>
    </tr><tr class="grid_row_spacer"></tr>
</tbody>

对于两个tr之间的间距，我有一个tr类“grid_row_spacer”，具有css{height:4px} 当它高于tr时，它甚至取它的高度，tr是空的，没有任何高度，像这样。 我需要一个css的“网格行间隔”，将采取它的高度时，它上面的tr是不是空的

---

建议请

您可以使用CSS选择器：empty根据元素是否为空来修改元素，但这适用于没有子元素的空元素，如下所示

如果可以根据表的内容更改表的标记，即向空元素添加一些类，如：

<tr class="grid_row_content empty">
    ...
</tr>
<tr class="grid_row_spacer"></tr>

...

然后只使用

.grid\u row\u content.empty+.grid\u row\u间隔符{display:none；}

---

仅使用CSS解决方案恐怕无法实现这一点。

您可以使用CSS选择器修改元素是否为空：empty，但这适用于没有子元素的空元素，如下所示

如果可以根据表的内容更改表的标记，即向空元素添加一些类，如：

<tr class="grid_row_content empty">
    ...
</tr>
<tr class="grid_row_spacer"></tr>

...

然后只使用

.grid\u row\u content.empty+.grid\u row\u间隔符{display:none；}

---

恐怕仅使用CSS解决方案无法实现这一点。

它不起作用bcz Having height of 4pxit将不起作用bcz Having height of 4pxHi@entio已尝试实现此表。grid_row_content.gridCell>div:empty+table.grid_row_Spaser{display:none；}未成功。。！！任何建议…？？@akvickyit7这到底意味着什么它不起作用？发一些帖子，也许我能帮你hi@entio试图实现这个表。grid\u row\u content.gridCell>div:empty+table.grid\u row\u spacer{display:none；}没有成功。。！！任何建议…？？@akvickyit7这到底意味着什么它不起作用？发一些小提琴，也许我能帮你