> For the complete documentation index, see [llms.txt](https://easonwang.gitbook.io/web_basic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easonwang.gitbook.io/web_basic/css-advance/scss.md).

# SCSS

> SASS (Syntactically Awesome Style Sheets) is a pre-processor scripting language that will be compiled or interpreted into CSS. SassScript is itself a scripting language whereas SCSS is the main **syntax** for the SASS which builds on top of the existing CSS **syntax**.

SASS 跟 SCSS 類似，不過寫法上 SASS 可以不用寫大括號，但 SCSS 更類似於 CSS 寫法

1. & 可以選到父類別
2. import 可以引入檔案，include 可以把之前寫的 mixin 引入到某個 css rule 內
3. mixin 也可加上參數功能
4. 用 % 定義然後用 @extend 引入，@extend 也可直接引入其他寫好的樣式
5. 某個元素的 {} 內的元素代表作用於其千套內 

<https://frankknow.com/sass-tutorial/>