定義：

CSS 預(yù)處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標(biāo)生成文件，然后開發(fā)者就只要使用這種語言進(jìn)行編碼工作。

通俗的說，“CSS 預(yù)處理器用一種專門的編程語言，進(jìn)行 Web 頁面樣式設(shè)計(jì)，然后再編譯成正常的 CSS 文件，以供項(xiàng)目使用。CSS 預(yù)處理器為 CSS 增加一些編程的特性，無需考慮瀏覽器的兼容性問題”，例如你可以在 CSS 中使用變量、簡單的邏輯程序、函數(shù)（如右側(cè)代碼編輯器中就使用了變量$color）等等在編程語言中的一些基本特性，可以讓你的 CSS 更加簡潔、適應(yīng)性更強(qiáng)、可讀性更佳，更易于代碼的維護(hù)等諸多好處。

其它 CSS 預(yù)處理器語言：

CSS 預(yù)處理器技術(shù)已經(jīng)非常的成熟，而且也涌現(xiàn)出了很多種不同的 CSS 預(yù)處理器語言，比如說：

• Sass（SCSS）
• LESS
• Stylus
• Turbine
• Swithch CSS
• CSS Cacheer
• DT CSS

如此之多的 CSS 預(yù)處理器，那么“我應(yīng)該選擇哪種 CSS 預(yù)處理器？”也相應(yīng)成了最近網(wǎng)上的一大熱門話題，在 Linkedin、Twitter、CSS-Trick、知乎以及各大技術(shù)論壇上，很多人為此爭論不休。相比過去我們對是否應(yīng)該使用 CSS 預(yù)處理器的話題而言，這已經(jīng)是很大的進(jìn)步了。

到目前為止，在眾多優(yōu)秀的 CSS 預(yù)處理器語言中就屬 Sass、LESS 和 Stylus 最優(yōu)秀，討論的也多，對比的也多。本教程將著重向大家介紹 CSS 預(yù)處理器中的 Sass。相信前端開發(fā)工程師會喜歡的。