SASS

(英文全名：Syntactically Awesome Stylesheets)
(羅馬拼音：薩斯)

在2007年誕生的 Sass 是最早最大也最成熟的CSS預處理語言，舊版的 Sass 採用 Ruby 語言編寫，最初是為了配合 HAML（一種縮排式的 HTML 模版語法）而設計的，因此縮排式的設計使 Sass 的語法中不寫入大括號 { } 及分號 ; 。Sass 完全兼容所有版本的CSS。並擴展了CSS3，增加了規則、變量、混入、選擇器、繼承、內置函數等等特性。Sass 生成良好格式化的CSS 代碼，易於組織和維護。

Sass優勢:
Sass 是一款強化 CSS 的輔助工具，在 CSS 語法的基礎上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導入 (inline imports) 等高級功能，使它擁有一個『CSS內隱知識庫』，可以不用再記一堆code的瀏覽器解法與觀念問題，可以更專注在網頁效果的處理上，不用再去多花心思在過於繁瑣的流程上面，也能讓程式碼乾淨許多。

Sass劣勢:
在縮排這方面蠻嚴格，寫SASS時必須轉檔成CSS，而且還必須等他編譯完才可看到結果蠻不方便的。

適合族群:有CSS基礎的後端工程師或Ruby工程師

SCSS

早期sass縮排的風格可以減少一些程式碼，但卻因為無法兼容舊有的 CSS 語法，所以一開始沒有後來出現的 Less 那麼普及。後來受到 Less 影響，Sass 發展出兼容 CSS 的新語法就稱為 SCSS，也就是說在 SCSS 中直接撰寫 CSS 也是完全沒有問題的，因為在 SCSS 的語法中有大括號及分號。Sass 和SCSS 其實是同一種東西，只是我們平時都稱之為Sass，但兩者還是有些許差異。

Scss優勢:
撰寫風格跟CSS很像，巢狀式架構可把區塊群組化，也可以兼容CSS，應用到比CSS更強大的變數功能，同時目前網路上資源大多是 scss 格式居多。

Scss劣勢:與css差異不多，使程式碼依舊是凌亂，對學習Ruby語言的人較不易熟悉。

適合族群:初學程式的新手