CSS：如何将一个div的内容移动到另一个div

Question

我通过css样式修改了一个网页，我试图加入两个div而陷入困境。

<div class="grid_0">
 <div class="grid_0">
  <div class="wallpaper" itemtype="xyz""></div>
  <div class="wallpaper" itemtype="xyz""></div>
  <div class="wallpaper" itemtype="xyz""></div>
 </div>
 <div class="clear"></div>
 <div class="grid_0"></div>
 <div class="clear"></div>
 <div class="grid_0">
  <div class="wallpaper" itemtype="xyz""></div>
  <div class="wallpaper" itemtype="xyz""></div>
  <div class="wallpaper" itemtype="xyz""></div>
 </div>

主容器具有flex属性（因为我希望页面的宽度以不同的显示分辨率“在那里”弯曲）和100％宽度。

我想合并FIRST和LAST grid_0 divs 的内容，但是它们之间还有另外三个div：两个间隔符和一个添加框（中间的一个）。 请注意，中间的div（添加框）与我想要合并的ID共享相同的ID。

隐藏两个垫片和添加框（使用：nth-​​child属性）没有做到这一点..

Here's a “diagram” that shows the layout.

如何通过CSS将最后 grid_0 中的三个拇指移动到第一个 grid_0？

修改 我怀疑这不是通过CSS可行的.. 我可能需要使用java脚本。