flex 속성을 사용하므로 몇 줄의 CSS만으로 순서를 매우 쉽게 조작할 수 있습니다.
예:
-
기본 순서
-
사용자 정의 순서
CSS 예시:
.custom-header-links li {
&:nth-child(1) {
order: 3;
background: red;
}
&:nth-child(2) {
order: 1;
background: green;
}
&:nth-child(3) {
order: 2;
background: yellow;
}
}