Можно ли заказать детей от разных родителей?

Question

Используя свойство CSS order, можно ли упорядочить элементы, которые не имеют того же самого прямого родителя?Используя приведенный ниже пример, можно ли визуально расположить item2 между item1 и item3?

Я не могу заставить его работать, поэтому я не ожидаю;просто думал, что проверю.

.outer, container1, container2 {
  display: flex;
  flex-direction: column;
}

.item1 { order: 1; }

.item2 { order: 2; }

.item3 { order: 3; }

<div class="outer">
  <div class="container1">
    <p class="item1">Item 1</p>
    <p class="item3">Item 3</p>
  </div>

  <div class="container2">
    <p class="item2">Item 2</p>
  </div>
</div>

Answer 1

Нет

order требуется, чтобы элементы разделяли родительский элемент.Вам нужна альтернативная структура HTML.

Свойство order CSS определяет порядок, используемый для размещения элемента flex или grid в его контейнере flex или grid.Элементы в том же контейнере располагаются в порядке возрастания в соответствии с их значениями заказа.Элементы с одинаковым значением порядка располагаются в том порядке, в котором они указаны в исходном коде.

MDN