DIV CSS 佈局教程網

Sass和Less是當下最為流行的2門CSS預處理語言，也是國內外討論最熱的2個。很多小伙伴在剛剛接觸的時候，總是糾結學哪一門好點。這一節，我們來給大家介紹一下Sass和Less的區別。

Sass和Less差別不大，語法也相近。不管是Sass，還是Less，都可以視為一種基於CSS之上的高級語言，其目的都是為了讓CSS開發更為靈活和更強大。但是兩者也有以下明顯區別：

• （1）Sass由於是使用Ruby編寫的，所以編譯的時候是在服務器端處理；而Less由於是使用JavaScript編寫的，所以編譯的時候是在浏覽器端處理；
• （2）Sass擁有更為強大的功能，如循環、函數、混合宏等，而less卻沒有；
• （3）Sass擁有成熟穩定的框架來輔助開發，特別是Compass，而less卻沒有；
• （4）Sass在國內外討論熱度最大，並且有一個穩定強大的團隊在維護；
• （5）相當多的公司更為傾向於使用Sass，而不是less；

簡單來說，Sass是比less更為強大並且使用更廣的一門CSS預處理器語言。在實際開發中，如果你只是單純地想簡化CSS寫法、統一風格、增強維護性的話，那麼Sass和Less是一樣的，學習哪一個都可以。

但是如果想要用到更多並且更加強大的功能的話，那麼你應該選擇Sass。在這裡，我也強烈建議小伙伴們學習的是Sass，而不是Less。Sass最強大之處是配合Compass來輔助CSS開發。其中，Compass是在Sass的一個框架，保證讓你爽到爆。對於Compass，別忘了關注即將上線的Compass教程。

疑問

1、我覺得用純CSS方式來書寫CSS都完全夠了啊，而且也不麻煩，為什麼還要學Sass或less呢？

Sass和Less使得我們可以用“編程”的方式來書寫CSS代碼，這個相對於純CSS書寫方式來說，開發速度更加快，可讀性和可維護性更高。我們都知道，在整站開發中，可讀性和可維護性是非常講究的。而純CSS書寫方式在這些方面都比較欠缺。

此外在前端面試中，也會經常問到Sass和Less。學會其中的一門，絕對是你前端技能的加分項。並且現在相當多公司的前端開發中，都使用Sass和Less來輔助開發。所以小伙伴們，快快到Sass的碗裡來！