俗話說得好，事不過三，所以大抵上寫到 Part 3 就沒有什麼好說得了（揍飛）。其實 @mixin 的概念並不困難，他是很單純的可以當作是一個函式來用，也可以用 @include 來引入。而，使用 @include 引入的方式跟 @extend 與 Nested @import 其實很類似。 依照慣例，範例先上。 產出結果比較： 請注意輸出結果，基本上 Nested @import 跟 @mixin 的

有了一點概念之後，接下來看的地方是嵌套（Nested）的部份。為什麼不講一些比較特殊的地方？因為那些不過就是一些花招而已（無誤），樣式的基本撰寫才是核心所在。而嵌套的作法由於會影響到 CSS 的樣式權重的關係，所以必須要特別留意撰寫的方式。 首先我們知道，可以用兩種方式來嵌套樣式： * @import 可以從外部引入 sass 檔案，也可以做樣式內部嵌套（Nexted @import） * @extend 直接引用已設定的樣式規則。 照慣例，範例先上，菜待會再說。 我們這邊需要兩個檔案，一個叫做 _import.sass，另一個叫做 _extend.sass，

工欲善其事，必先利其器！如果你對 CSS 的基礎還不甚了解，請先把基礎打好再來（認真（無誤）。關於什麼叫做 SASS 的，請上網 Google 或是參考我之前 寫的文章 [https://blog.hinablue.me/entry/css-note-sass-strike-say-a-sexy-styling-strike]，或是參考我的 投影片 [http://sass.hinablue.me]（請用 Chrome 開啟）。 首先，對於已經開發的 CSS