[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;
}
์ถ์ฒ
- ์ ๋ ธ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ