Css 表格、表格行和表格单元格的异常嵌套

我想将几个嵌套的div（如下所示）转换成一个CSS表格结构，显示样式为table、table row和table cell。这个很好用。但是DOM结构中还有一些其他元素（下面由类“red”和“blue”标识），我无法删除它们，但我不需要它们来显示在屏幕上。如果我将这些元素留在DOM树中，表结构将无法正确显示。是否有可能让它们出现在DOM树中，但在显示时忽略它们

<div style="display: table">
  <div class="blue">
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
  </div>
</div>

...
...
...
...

您为什么要重新发明轮子？如果您想使用

table

只需这样做，不要通过使用

divs

自己实现它来假装您没有使用table。你什么也得不到，只是在浪费时间

我能想象的唯一情况是，您没有访问HTML的权限，否则为什么您不能删除这些div.red和.blue

---

现在针对你真正的问题。显然，您无法添加到.red和.blue

display:none

或

visibility:hidden

，但您可以尝试

display:inline。不管怎样，祝你好运
 你为什么要重新发明轮子？如果您想使用
table
只需这样做，不要通过使用
divs
自己实现它来假装您没有使用table。你什么也得不到，只是在浪费时间

我能想象的唯一情况是，您没有访问HTML的权限，否则为什么您不能删除这些div.red和.blue

现在针对你真正的问题。显然，您无法添加到.red和.blue
display:none
或
visibility:hidden
，但您可以尝试
display:inline。不管怎样，祝你好运
 我认为你是对的，但事实上我没有访问HTML的权限。HTML就像它一样，但我希望它像表格一样布局。如果我能告诉任何HTML元素被忽略，那会有点帮助。将其设置为“display=none”或“visibility=hidden”将使包括所有子元素在内的整个元素消失。“display=inline”也不能解决这个问题。也许这个问题是不可能解决的。我唯一想到的是，使用javascript并删除.red和.blue，希望一切都好。我脑子里想不出别的什么了
你为什么要重新发明轮子？
因为有一个响应性设计问题。我认为你是对的，但事实上我没有访问HTML的权限。HTML就像它一样，但我希望它像表格一样布局。如果我能告诉任何HTML元素被忽略，那会有点帮助。将其设置为“display=none”或“visibility=hidden”将使包括所有子元素在内的整个元素消失。“display=inline”也不能解决这个问题。也许这个问题是不可能解决的。我唯一想到的是，使用javascript并删除.red和.blue，希望一切都好。我脑子里想不出别的什么了
你为什么要重新发明方向盘？
，因为有一个响应性设计问题。