CSS編譯器,哪個最令你傾心?

李鬆峰發表於2011-10-24

顧名思義,CSS編譯器就是把用另一種語法寫成的樣式程式碼編譯成標準CSS程式碼的程式。時至今日,可能還有不少鐵桿兒CSSer拒絕使用這些“額外”的工具,反感這些“語法糖”般的包裝。

但不可否認的是,一方面CSS標準語法本身確實存在諸多先天不足(比如不支援程式碼層面的重用、巢狀和繼承),另一方面各瀏覽器對CSS的實現也存在各種不相容性(只消想想那些瀏覽器字首)。這些都是催生下面這些CSS編譯器的內在動力。就跟使用大多數語言的框架和庫一樣,只要多一點點耐心,稍微花一點點時間,你就能發現它們各自的美,就可以輕鬆地擁抱這些技術創新,享受到它給你的工作帶來的效率和樂趣。

Sass

網址:http://sass-lang.com/
許可:MIT license
作者: Hampton Catlin, Nathan Weizenbaum, Chris Eppstein等  
用法:客戶端(安裝Ruby、安裝Gems、編譯)和伺服器端(作為Rubby等外掛)
特性:變數、巢狀、(引數化)混入、選擇符繼承

less

網址:http://lesscss.org
許可:Apache License
作者:Alexis Sellier(http://cloudhead.io/)
用法:客戶端(下載包含less.js,把.less樣式表寫在指令碼之前;命令列方式)和伺服器端
特性:變數、(引數化)混入、選擇符巢狀、運算

HSS

網址:http://ncannasse.fr/projects/hss
許可:未查明
作者:Nicolas Cannasse
用法:下載編譯器HSS.exe,命令列編譯
特性:屬性變數、塊變數、塊巢狀、運算、CSS驗證、Hack

xCSS

網址:http://xcss.antpaw.org/
許可:MIT License
作者:Anton Pawlik
用法:線上編譯
特性:選擇符繼承、選擇符巢狀、變數、多檔案

CleverCSS

網址:http://sandbox.pocoo.org/clevercss/
許可:GNU GPL
作者:Armin Ronache
用法:使用Python編譯
特性:巢狀、引用父選擇符、運算等

相關文章