CSS：如何將一個div的內容移動到另一個div

Question

我是通過css樣式對網頁進行moddifiyng，並且我試圖加入兩個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> 

主容器具有彎曲性（因爲我想在網頁的寬度與不同的顯示分辨率「在那裏」彎曲）和100％的寬度。

我想合併FIRST和LAST的內容grid_0 divs，但在它們之間還有三個其他div：兩個分隔符和一個添加框（中間的一個）。 請注意，中間的div（添加框）與我要合併的ID共享相同的ID。

隱藏兩個墊塊和附加盒（使用：第n個孩子財產）沒有這樣的伎倆..

Here's a 「diagram」 that shows the layout.

我怎樣才能移動三種大拇指在最後 grid_0 通過CSS進入第一個 grid_0？

編輯： 我懷疑這是不是通過CSS可行.. 我可能需要使用Java腳本。

Answer 1

你不能用CSS操作DOM，你需要JS或類似的東西。 你將需要嘗試這樣的事情：

$("#id-of-first-element").append($("#id-of-last-element")); 
$("#id-of-last-element").html('');