CSS預編譯是什麼？

背景：大廠的任職要求裡還有一條是：熟悉使用sass.less等css預編譯工具。

學習一樣東西的第一步就是首先知道它是什麼

有人開發了一些擴充套件css功能的寫法，比如less,sass,其目的是讓css能支援一些程式語言才有的功能，比如：

表示式，函式，變數，迴圈，判斷.

有這些功能就能方便重複定義，寫css時省事.舉以下例子.

var colorred //用var定義乙個字型顏色變數樣式
//定義乙個新聞列表樣式
.news-list

上面這段擴充套件css語言的寫法裡面有變數，然而瀏覽器的css解析引擎是不認識css裡面的var這些東西的，這就是乙個無效的css，所以這些擴充套件css的語言有預處理器，作用是把上面這段瀏覽器不認識的**，還原為瀏覽器認識的css標準發給瀏覽器解析.

如下：

.news-list

背景大廠的任職要求裡還有一條是熟悉使用sass.less等css預編譯工具。學習一樣東西的第一步就是首先知道它是什麼有人開發了一些擴充套件css功能的寫法，比如less,sass,其目的是讓css能支援一些程式語言才有的功能，比如表示式，函式，變數，迴圈，判斷.有這些功能就能方便重複定義，寫...