Как сделать обратный порядок элементов?

Question

[infopovod]

Есть элементы в таком порядке, можно ли средствами CSS сделать, так что они шли в обратном порядке( например, не 1,2,3,4,5,6 а 6,5,4,3,2,1)?

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/ucpm3ks5/

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

.container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  background-color: #ff0000;
}

.item {
  width: 100px;
  height: 100px;
  background-color: #00ff00;
  display: flex;
  justify-content: center;
  align-items: center;
}

Answer 2

[HabrDima20]

Flex примеры как работает смотри и учись!)))