Как поменять блоки местами?

Question

[Антон]

.specelement {
    margin: 0 auto;
    display: flex;
    border: 1px solid #fff!important;
    max-width: 80%!important;
}

<div class="specelement">
     <div class="itemsnew-list-item-wrapper"> <!-- Первый блок -->
             <div class="images_box"></div>
     </div>

      <div class="images_box-model-spec"> <!-- Второй блок -->
              <div class="model-spec"></div>
      </div>
</div>

Как поменять местами itemsnew-list-item-wrapper с images_box-model-spec с помощью css (wrap, flex....) ?
Сейчас у меня два блока в линию, левый поменять с правым...

Comments

[Leo Developer]

CSS order

Answer 1

[0xD34F]

.images_box-model-spec {
  order: 1;
}

.itemsnew-list-item-wrapper {
  order: 2;
}

Comments

[Антон]

О, круто.
Только расскажите один момент, пожалуйста:
Уже все работает, если указать только

.images_box-model-spec {
  order: 1;
}

Получается уже можно не использовать

.itemsnew-list-item-wrapper {
  order: 2;
}

Или это даст о себе знать в каком нибудь браузере?

[0xD34F]

Антон,

Только расскажите один момент...

НЕТ

Откройте документацию и разберитесь сами.

[Domohod]

0xD34F, ответ убил.

Answer 2

[Андрей]

https://webref.ru/css/flex-direction

flex-direction: row-reverse