---
# System prepended metadata

title: "\U0001F3C5 Day 28 - SCSS 排序"
tags: [網頁切版直播班 - 2023 夏季班]

---

### 題目

在 all.scss 檔中，載入的檔案順序正確是非常重要的事，請回覆下方的順序需要怎麼修改，以及原因

```sass=
@import "layout"
@import "reset"
@import "variable"
```

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：
```
@import "variable"
@import "reset"
@import "layout"
```  
-->


回報區
---


| # |      Discord      |                           CodePen / 答案         |
|:-:|:----------------:|:-------------------------------------------------:|
| 01 | hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/yLQZLmN)|
| 02 | awei | [Codepen](https://codepen.io/hong-wei/pen/eYQxmOz)|
| 03 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/YzRBPKL) |
| 04 | Eden | [Codepen](https://codepen.io/iseden/pen/LYXqEPO)|
| 05 | Berlin | [Codepen](https://codepen.io/3qberlin/pen/yLQZyLY)|
| 06 | Yu | [Codepen](https://codepen.io/yuch3n_chen/pen/vYQbEEr)|
| 07 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/xxQMbxr) |
| 08 | pinyi_9 | [Codepen](https://codepen.io/Wpypy/pen/yLQZyyY) |
| 09 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/LYXqEVe) |
| 10 | cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/PoxVwoX) |
| 11 | deli0529 | [Codepen](https://codepen.io/delichaomoon/pen/poQGvbg) |
| 12 | runweiting | [Codepen](https://codepen.io/weiting14/pen/VwVgYjd) |
|13|Moreene|[CodePen](https://codepen.io/Moreene/pen/jOQdEBb)|
| 14 | zhu.lin | [Codepen](https://codepen.io/codepenplayer/pen/zYMexNz) |
| 15 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/zYMexwd) |
| 16 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/vYQbEmQ) |
| 17 | m_m | [Codepen](https://codepen.io/minnn7716/pen/PoxVwWg) |
| 18 | rjjq | [Codepen](https://codepen.io/rjjq/pen/zYMexPE) |
| 19 | xuan#0808 | [Codepen](https://codepen.io/xuan0915/pen/poQGvwb) |
| 20 | SmallP | [Codepen](https://codepen.io/smallp/pen/yLQZyPV) |
| 21 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/qBQgEVY) |
| 22 | kuanju27 | [Codepen](https://codepen.io/Eero-Chiao/pen/NWEoPzG) |
| 23 | townyuan | [Codepen](https://codepen.io/townyuan/pen/WNYPbVo) |
| 24 | Cura | [Codepen](https://codepen.io/curalin/pen/xxQMbva) |
| 25 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/oNQmgKm) |
| 26 | ann6212 | [Codepen](https://codepen.io/landyhsiao776/pen/yLQZLmN) |
| 27 | Tina02 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/ExOrjNO) |
| 28 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/JjexdEz) |
| 29 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/XWyObbY?editors=1100) |
| 30 | ovo.yun | [Codepen](https://codepen.io/yun-the-scripter/pen/gOQqaOx) |
| 31 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/PoxVPGE) |
| 32 | Uli | [Codepen](https://codepen.io/uli1313/pen/bGQzVam?editors=0110) |
| 33 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/RwqvWBQ) |
| 34 | Lianne.. | [Codepen](https://codepen.io/Elaina-L/pen/GRwzpLB?editors=0100) |
| 35 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/ExOrPvw) |
| 36 | Kimi #9564 | [Codepen](https://codepen.io/kimihu91/pen/gOQdozm)|
| 37 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/BaGMjeo) |
| 38 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/zYMeqLb) |
| 39 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/RwqvGVq) |
| 40 | 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/oNQmzdP) |
| 41 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/gOQqLNW) |
| 42 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/KKrJWgp) |
| 43 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/jOQdBBP) |
| 44 | JohnChien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/MWzLaBg) |
| 45 | 墨莉 | [Codepen](https://codepen.io/hoku0306/pen/ExOrEQV) |
| 46 | Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/qBQgyLR) |
| 47 | user | [Codepen](https://codepen.io/MissDouble/pen/gOQqjEK) |
| 48 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/NWEoLKJ) |
| 49 | kimlemon0720 | [Codepen](https://codepen.io/znohmess-the-builder/pen/ExOrdaL) |
| 50 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/yLQZGKJ) |
| 51 | Johnson3669 | [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/zYMeeNa) |
| 52 | mm_ieat | [Codepen](https://codepen.io/MINN3/pen/oNQmmdK) |
| 53 | wind | [Codepen](https://codepen.io/wind7y/pen/gOQqNgx) |
| 54 | Randy | [Codepen](https://codepen.io/landy510/pen/MWzxYLJ?editors=1000) |
| 55 | Sinsaki225 | [Codepen](https://codepen.io/a8322342/pen/NWEJqov) |
| 56 | tanuki5863 | [Codepen](https://codepen.io/tanuki320/pen/dyQrYPo) |
| 57 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/PoxLPpK) |
| 58 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/gOQEMYL)|
| 59 | dong2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/MWzxbqV)|
| 60 | Long | [Codepen](https://codepen.io/Loonng/pen/YzRgQbx)|
| 61 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/ExOMRed) |
| 62 | Renee Wang | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/mdQovKd) |
| 63 | .icesam | [Codepen](https://codepen.io/icesam/pen/PoxgPVO) |
| 64 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/NWEmREZ) |
| 65 | liam9930 | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/GRwLmzg) |
| 66 | 舜仁 | [Codepen](https://codepen.io/randomno/pen/dyQLeBm) |
| 67 | NathanJames#8120 | [Codepen](https://codepen.io/ufo060204/pen/oNQOPMe) |
| 68 | 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/WNYabqJ) |
| 69 | ROGER | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/oNQRVpr) |
| 68 | .zack_p | [Codepen](https://codepen.io/Designer-PH/pen/abQebJY) |
| 69 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/dywbbJR) |
|70|KC_8685|[Codepen](https://codepen.io/cathy7411/pen/mdabGmy)|
| 71 | WA | [Codepen](https://codepen.io/ldddl/pen/eYbYgQv) |
| 72 | FanJJ#8061 | [Codepen](https://codepen.io/yfchenn/pen/eYbNaRM?editors=1100) |
| 73 | peggy3169 | [Codepen](https://codepen.io/peggylai/pen/gOZajVe) |
| 74 | 阿維#2569 | [Codepen](https://codepen.io/iijojpli-the-looper/pen/oNJbbWw?editors=1000) |
| 75 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/WNLrjLR) |
| 76 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/JjwGvqr) |
| 77 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/NWEmzVb) |
| 78 | ChrisSQR | [Codepen](https://codepen.io/ChrisSQR/pen/QWzgxxv) |
| 79 | 楓 | [Codepen](https://codepen.io/maplestartend/pen/RwdNQyb) |

---

- 快速複製格式：
```markdown!
| 0 | user | [Codepen]() |
```
