CSS: Как перемещать содержимое одного 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> 

Основной контейнер имеет свойство гибкого трубопровода (потому что хочет ширину страницы, чтобы изгибаться с различными разрешениями дисплея «там») и шириной 100%.

Я хочу объединить содержимое FIRST и LAST grid_0 divs, но между ними лежат три других divs: две проставки и коробка с добавлением (одна в середине). Обратите внимание, что div в середине (поле добавления) имеет один и тот же идентификатор с теми, которые я хочу объединить.

Скрытие две распорки и добавить окно (с помощью: свойство п-го ребенка) не сделать трюк ..

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

Как я могу переместить три большие пальцы в последней grid_0 в первый grid_0 через CSS?

EDIT: Я подозреваю, что это не выполнимо с помощью CSS .. я, возможно, придется использовать Java Script.

Answer 1

Вы не можете манипулировать DOM с помощью CSS, вам нужен JS или что-то подобное. Вам необходимо попробовать что-то вроде этого:

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