###### tags: `CSS`
# Scss
[MDN](https://www.sass.hk/docs/)
### 1. 嵌套規則 (Nested Rules):
內層的樣式會將外層的選擇器當作為父選擇器。(避免重複輸入父選擇器，
而且令複雜的 CSS 結構更易于管理)
Ex:
等於

### 2. 父選擇器& (Referencing Parent Selectors: &):
當需要使用嵌套外層的父選擇器時，用 & 代表嵌套規則外層的父選擇器。
Ex:
等於

### 3. 属性嵌套 (Nested Properties)
Sass 允許將同樣的屬性名稱嵌套在命名空間中。
Ex:
等於

### 4. Mixin & Extend :
Extend 使用時機為將重複樣式合併到同一個Class，來減少複用。
Ex:
編譯為
Minxin 使用時機為有參數變數要傳遞時，才會使用到。
Ex:
編譯為