why learn SASS

本文不會教你如何使用Sass，只是告訴你為什麼要使用Sass，以及我喜歡它什麼功能

前言

我最初摸到Sass是朋友教我並建議我必須熟悉Sass在這條路上會更吃香，在之後則是因為我喜歡Sass裡面很多有趣的功能，很多在CSS做不到的事情但是我覺得可以做到的，然後在Sass真的全部都做到了，我就覺得哇~~Amazing，到後來剛好公司後端是用Larvel開發PHP，Larvel是PHP框架，重點是它支援Sass，所以使用Sass可以更容易上手Larvel，就促使我繼續嘗試去了解它、挖掘它，到後來就愛上它

Sass就是CSS

就字面翻譯Sass就是CSS，如果你真不喜歡Sass的特性，你也可以直接書寫CSS，然而當你需要一些Sass的特性也可以直接書寫進來

Import〈引入〉

之前我們單單書寫CSS的話就是從頭到尾都寫在同一個外部CSS裡，這邊有Import引入功能，你可以將冗長的CSS分割成不同區塊所需要的CSS，哪邊需要哪邊引入就好

Variables〈變量〉

這個你應該懂吧，設定變數，並且把你要的值丟給它，當你需要這個值得時候只要呼叫變數就好，就不用再寫入冗長的設定，也可以改一個變數，所有擁有這變數的地方全部都改變，多方便阿

Nesting〈嵌套〉

就拿RWD的設計來說，之前再用CSS編寫的時候都會苦惱要把@media統一放在哪邊，之後都全部放在最底部，只是這樣我們會把所有的設定都是集中放在一起，之後管理起來其實很麻煩的，如果用Sass的話你可以針對某一個Class要下RWD設定就直接在裡面放置@media這樣不就很好管理了嗎，哪邊的RWD樣式需要調整就去哪邊調

還有一個例子，就像是在某個class或是id或是tag底下使用&它可以代表本身，就可以直接寫&:hover或&:active

Extend〈繼承〉

簡單來說的話，就是當你有兩個class他們有著相同的設定但是也有些是不同的設定，你可以把他們相同的地方拉出來設定成一個class，然後這兩個class可以直接@extend，然後在各別設定自己不同的設定