Less (一種動態樣式語言)。
LESS是一種由Alexis Sellier設計的動態層疊樣式表語言,受Sass所影響,同時也影響了Sass的新語法:SCSS。 LESS是開源的,其第一個版本由Ruby寫成,但在后續的版本當中,Ruby逐漸被替換為JavaScript。受益於JavaScript,LESS可以在客戶端上運行(IE6+、Webkit、Firefox),也可以在服務端運行(Node.js、Rhino)。 在語法方面,LESS與CSS較為接近,一個合法的CSS代碼段本身也是一段合法的LESS代碼段。LESS提供變量、嵌套、混合、操作符、函數等一般編程所需的抽象機制。
例子:
Windows操作系統需要安裝下面的這個工具:
WinLess工具 http://winless.org/
注意:第一次運行,需要添加你的less文件所在的文件夾,后綴名必須全部是小寫字母.less。
【在編寫less的時候一定要先運行這個軟件,保存文件的時候才會自動編譯.css文件。】
運行WinLess之后,你就可以在任何編輯器中打開less文件進行編輯,只要保存文件,它就會自動生成對應的一個.css文件(並壓縮,包括去掉注釋)。
相關網站【推薦閱讀】:
LESS官方網站 http://lesscss.org/
LESS中國官網 http://www.lesscss.net/ 【詳細使用介紹】
LESS源碼(Git) https://github.com/cloudhead/less.js
LESS教程(W3CPlus) http://www.w3cplus.com/css/less
CSS3.LESS(HoneyLess) https://github.com/xiaoqiang/Honey-less
Dreamweaver中Less自動完成 http://istyles.blog.163.com/blog/static/1811003892012630570145/
LESS介紹及其與Sass的差異 http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html
Css預處理器實踐之Sass、Less大比拼 http://cued.xunlei.com/log044
Sublime Text 2的Less2Css插件介紹與安裝 http://www.qianduan.net/sublime-text-2-less2css-plugin-introduction.html