CSS 預處理器是一種語言，用來為 CSS 增加一些編程的的特性，無需考慮瀏覽器的相容性問題，並且你可以在 CSS 中使用變數、簡單的程式邏輯、函數等等在編程語言中的一些基本技巧，可以讓你的 CSS 更簡潔，適應性更強，代碼更直觀等諸多好處。 常見的CSS預處理器有：LESS、SASS、Stylus ...
CSS 預處理器是一種語言，用來為 CSS 增加一些編程的的特性，無需考慮瀏覽器的相容性問題，並且你可以在 CSS 中使用變數、簡單的程式邏輯、函數等等在編程語言中的一些基本技巧，可以讓你的 CSS 更簡潔，適應性更強，代碼更直觀等諸多好處。
常見的CSS預處理器有：LESS、SASS、Stylus等
LESS
LESS 是動態的樣式表語言，通過簡潔明瞭的語法定義，使編寫 CSS 的工作變得非常簡單，本質上，LESS 包含一套自定義的語法及一個解析器。
-安裝
1、安裝Nodejs環境 Node Package Manager (驗證 node -v npm -v)
2、打開控制台（cmd），執行npm install -g less (驗證 lessc -v)
3、命令行編譯 lessc path/xxx.less path/xxx.css
-編譯
1.瀏覽器只能識別CSS，LESS只是用來提升CSS可維護性的一個工具，所最終需要將LESS編譯成CSS，然而通過命令行編譯效率比較低下，一般都會藉助於編輯器來完成編譯，以sublime_text為例，sublime_text預設並不支持LESS的編譯操作，需要安裝插件實現。
2、執行npm install -g less-plugin-clean-css（使用sublime_text才用）
3、ctrl+shit+p打開命令面板
4、輸入install package然後回車
5、安裝 LESS、lessc、Less2Css三個插件
6、alt+s快捷鍵即可實現編譯
- 語法
1、變數
格式：@變數名: 值，定義完成後可以重覆使用
2、混合
我們可以像使用函數一樣來使用CSS
3、嵌套
嵌套可以非常方便的管理我們的CSS層級關係
