[flex-box] order

📄 order

플렉스 아이템의 배치 순서를 결정합니다.
지정한 숫자(정수)에 맞춰 오름차순으로 배치합니다.
코드에 영향을 끼치는 것이 아닌, 보여지는 순서에만 영향을 줍니다.

li:nth-child(1) {
  order: 5;
}
li:nth-child(2) {
  order: -4;
}
li:nth-child(3) {
  order: 3;
}
li:nth-child(4) {
  order: -2;
}
li:nth-child(5) {
  order: 1;
}

출처

• 유노코딩