前端必備-less 的使用

禿頭小吳發表於2020-12-08

最近寫程式碼的時候,有點樣式好重複,經過查詢資料發現less這一寶藏,在這裡記錄一下,也方便自己以後檢視:
http://lesscss.cn/#download-options
這是官網的參考地址
我是選擇瀏覽器引用的,因為公司的網站還沒有用框架,
準備,一個.less結尾的樣式檔案
還有less.min.js
1,首先要引入js
在這裡插入圖片描述
2,css引入
在這裡插入圖片描述
這裡要注意的是,檔案格式不要寫錯了,
js放在css的後面
3,使用
在這裡插入圖片描述
使用超級超級簡單,像這樣一層一層套父級就可以了

相關文章