【一】less簡介
LESS(是.less后綴名的文件) 包含一套自定義的語法及一個解析器,我們根據這些語法定義自己的樣式規則,這些規則最終會通過解析器,編譯生成對應的 CSS 文件。LESS 并沒有裁剪 CSS 原有的特性,更不是用來取代 CSS 的,而是在現有 CSS 語法的基礎上,為 CSS 加入程序式語言的特性,如變量、繼承、運算、嵌套等,更方便CSS的編寫和維護。
先看下段less代碼片段,感受下它的魅力:
編譯后的css文件代碼:
在上面的less代碼中,我們看到了css語法的縮影(選擇器,屬性的寫法),LESS 并沒有裁剪 CSS 原有的特性,更不是用來取代 CSS 的,而是在現有 CSS 語法的基礎上,為 CSS 加入程序式語言的特性。我們在前端頁面開發時依然引入css文件地址,而less文件則是你維護的代碼文件,這過程中,我們只是多了一個步驟 -- 編譯
【二】編譯方案
目前將less編譯為css的插件或軟件很多,如gruntjs ,nodejs等等,而這里介紹的是考拉編譯軟件
打開此軟件,將.less文件拖進去,而你只需要在編輯器中保存less文件(考拉支持實時監控編譯),考拉默認就在該目錄生成一份同名的css文件(你可以配置輸出路徑)

【三】如何在編輯器中,寫less有代碼補全提示
以 sublime text編輯器 為例子:需要安裝
重啟后:
【四】版本
Less 的版本,并不是指本身(如jQuery就是需要下載對應的本身版本庫),而是指編譯工具中的less版本,以考拉軟件為例子:

如圖所示,就是考拉軟件中的less版本,1.6.1
新聞熱點
疑難解答