gpt4 book ai didi

html - 如果表 标签为空或 null,如何隐藏整个
? (仅限 CSS)

转载 作者:行者123 更新时间:2023-11-27 23:43:46 25 4
gpt4 key购买 nike

如果我的所有表格标签都为 null 或为空,我将尝试隐藏我的 div。如果它不为空,则显示将显示表格的 div。我不能在这个环境中使用 jquery,所以我正在寻找一个纯 CSS 解决方案。我相信这是一个可能有效的 :empty 标签,但我不知道如何正确定位 div。

  <div class="zpelement-wrapper field" id="elem_1562319120962" style="" gptype="html" eltype="related">
<div class="singlebuild listArea">
<div style="">
<table style="width: 100%;" cellspacing="0" cellpadding="0" formcompid="3772761000000170459" layout="2">
<tbody>
<tr>
<td class="labelcontent" style="width: 50%">
<div style="">
<label>Other Line Item</label>
</div> </td>
<td class="value" style="width: 50%">
<div style="">
<div class="listArea">
<table width="100%" class="refValueTable" cellspacing="0" cellpadding="0" selectedfields="3772761000000170485,3772761000000170475,3772761000000170489" refformid="3772761000000170411" reffieldid="3772761000000170421">
<tbody>
<tr>
<th class="labelcontent" style="" formcompid="3772761000000170485"> <label>Product Category</label></th>
<th class="labelcontent" style="" formcompid="3772761000000170475"> <label>Product</label></th>
<th class="labelcontent" style="" formcompid="3772761000000170489"> <label>Cost</label></th>
</tr>
</tbody>
</table>
</div>
</div> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

任何人都可以提供解决方案吗?

最佳答案

你不能用 css 做到这一点,但你可以以某种方式重新排列你的 HTML,然后使用伪选择器 :empty

div:empty {
display: none;
}

来源:https://css-tricks.com/almanac/selectors/e/empty/

关于html - 如果表 <td> 标签为空或 null,如何隐藏整个 <div>? (仅限 CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56907806/

25 4 0
文章推荐: html - 需要用 CSS 为占位符设置 "display; none"
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com