css預處理器有less、sass（scss）及stylus；它們各自的背景如下:
1.sass：2023年誕生，最早也是最成熟的css預處理器，擁有ruby社群的支援和compass這一最強大的css框架，目前受less影響，已經進化到了全面相容css的scss（scss 需要使用分號和花括號而不是換行和縮排）。
2.less：2023年出現，受sass的影響較大，但又使用css的語法，讓大部分開發者和設計師更容易上手，在ruby社群之外支持者遠超過sass，其缺點是比起sass來，可程式設計功能不夠，不過優點是簡單和相容css，反過來也影響了sass演變到了scss的時代，著名的twitter bootstrap就是採用less做底層語言的。
3.stylus：2023年產生，來自node.js社群，主要用來給node專案進行css預處理支援，在此社群之內有一定支持者，在廣泛的意義上人氣還完全不如sass和less。
安裝好nodejs之後，接著執行cmd指令：
npm install stylus -gcss預處理器
css預處理定義了一種新的語言，其思想是一種專門的程式語言，為css增加了一些程式設計的特性。將css作為目標生成檔案。開發者可以使用這種語言進行編碼工作。css預處理器是一種專門的程式語言，進行web頁面樣式設計，然後再編譯成正常的css檔案，以供專案使用。css預處理器為css增加了一些程式設計...
CSS預處理器
什麼是css預處器？css 預處理器用一種專門的程式語言，進行 web 頁面樣式設計，然後再編譯成正常的 css 檔案，以供專案使用。css 預處理器為 css 增加一些程式設計的特性，無需考慮瀏覽器的相容性問題 sass sass 是採用 ruby 語言編寫的一款 css 預處理語言，它誕生於20...
css預處理器
sass less是什麼？大家為什麼要使用他們？他們是css預處理器。他是css上的一種抽象層。他們是一種特殊的語法 語言編譯成css。less是一種動態樣式語言.將css賦予了動態語言的特性，如變數，繼承，運算，函式.less 既可以在客戶端上執行 支援ie 6 webkit,firefox 也可...