為什么要使用Less?
維護不方便維護CSS的弊端
CSS是一門非程序式語言，沒有變量、函數、SCOPE（作用域）等概念
//CSS需要書寫大量看似沒有邏輯的代碼，CSS冗余度是比較高的。
//不方便維護及擴展，不利於復用
//CSS沒有很好的計算能力
//非前端開發工程師來講，往往會因為缺少CSS編寫經驗而很難寫出有組織良好且易於維護的CSS代碼項目。
Less是什么？
Less(Leaner Style Sheets的縮寫）是一門CSS擴展語言，也成為CSS預處理語言。
作為CSS的一種形式的擴展，它並沒有減少CSS的功能，而是在現有的CSS語言上，為CSS加入程序式語言的特性。
它在CSS的語法基礎之上，引入了變量，Mixin(混入），運算以及函數等功能，大大簡化了CSS的編寫，並且降低了CSS的
維護成本，就像它的名稱所說的那樣，Less可以讓我們用更少的代碼做更多的事情。
Less中文網址：http://lesscss.cn/
常見的CSS預處理器：Sass、Less、Stylus
一句話：Less是一門預處理語言，它擴展了CSS的動態特性。
Less如何使用？
Less安裝
1、安裝nodejs,可選擇版本，網址：http://nodejs.cn/download/
選擇.msi后綴的安裝包，下載完畢后雙擊安裝一直點下一步即可完成nodejs安裝
2、檢查是否成功，使用cmd命令（win10是window+r打開運行輸入cmd） -- 輸入“node -v"查看版本
3、基於nodejs在線安裝Less，使用cmd命令”npm install -g less"即可
4、檢查是否安裝成功，使用命令"lessc -v"查看版本即可
Less使用
我們首先新建一個后綴名為less的文件，在這個less文件里面書寫less語句
Less變量
變量是指沒有固定的值，可以改變的。因為我們CSS中的一些顏色和數值等經常使用。
格式：@變量名：值；
1、變量命名規范
//必須有@為前綴
//不能包含特殊字符
//不能以數字開頭
//大小寫敏感
Less編譯
本質上，Less包含一套自定義的語法及一個解析器，用戶根據這些語法定義自己的樣式規則，這些規則最終會通過解析器，編譯生成對應的CSS文件。
所以，我們需要把Less文件，編譯生成CSS文件，這樣我們的html文件頁面才能使用。
vscode Less插件
easy less插件用來把less文件編譯為css文件
安裝完畢插件，重新加載下vscode。只要保存一下less文件，就會自動生成css文件。
自動在同目錄下生成相對應的css文件
Less嵌套
對應的CSS
如果遇見（交集|偽類|偽元素選擇器）
內層選擇器的前面沒有&符號，則它被解析為父選擇器的后代
如果有&符號，它就被解析為父元素自身父元素的偽類
對應的CSS
Less運算
任何數字、顏色或者變量都可以參與運算。就是Less提供了加（+）、減（-）、乘(*)、除（/）算術運算。
生成對應的CSS
1、運算符左右兩側最好敲一個空格，不然容易出問題
2、兩個數參與運算 如果只有一個數有單位，則最后的結果就以這個單位為准
3、兩個數參與運算，如果兩個數都有單位，而且不一樣的單位 最后結果以第一個單位為准