Sass / SCSS 預處理器 - Nesting 巢狀結構 | Roya's Blog

[awdr74100]

https://awdr74100.github.io/2020-05-21-scss-nesting/

上一次我們已經將 SCSS 的編譯環境給建立好了，接下來讓我們正式進入到語法的章節，第一個介紹的是 nesting 巢狀結構，這也是 Sass / SCSS 最強大的功能之一，之前我們有提到傳統 CSS 可能會發生父對象重複撰寫的問題，為了避免汙染到其他樣式，我們必須明確地寫出父子對象的關係，搞到最後才發現浪費了許多時間，如果改使用 Sass / SCSS 中的巢狀結構語法，即可解決此類的問題。