安裝
npm i -g less
使用
vscode安裝外掛程式easy less
新建乙個less檔案
例如:test.less
每次儲存的時候,都會自動編譯乙個css檔案 然後頁面引入編譯後的css檔案即可 。
@宣告變數
注:宣告變數不能有特殊字元 .不能數字開頭,可以數字結尾.區分大小寫
例如: @colorp:purple;
巢狀
例如:
.father
}
ps:如果有偽類,交集,偽元素選擇器,我們內層選擇器的前面要加&
例如:
a
}
編譯後:
a:hover
less注釋是 //
less運算 + - * /
例如:
@num:10px + 5
divps
:運算子左右兩邊需要空格隔開
兩個數參與運算,如果只有乙個數有單位,那麼結果就以該單位。
如果兩個引數都有單位,那麼結果就以第乙個引數的單位為準。
less css預處理語言
若頁面多處使用同一屬性的同個值,為了便於維護 需要採用變數的形式來解決。雖然css原生也支援變數的設定還有計算函式,但是這些相容性不太好 針對ie8及以下的版本 因此產生了less。doctype html html lang en head meta charset utf 8 meta name...
C語言預處理
c語言中編譯預處理的三種形式的命令 巨集定義,檔案包含,條件編譯命令。1 巨集定義主要是 define,undef 如下 define pi 3.1415926 不帶引數的巨集定義 define max a,b a b?a b 帶引數的巨集定義 說明 巨集定義在c語言與c 語言中是相通的。下面舉例說...
C語言預處理
預處理 系統自動自動呼叫預處理程式對程式中 號開頭的預處理部分進行處理,處理完畢後可以進城源程式的編譯階段。預定義 一些預定義符號 常用於除錯 file 正在預編譯的源檔名 line 當前行號 只有這個是整數常量,其他是字串常量 function 當前所在函式名 date 當前日期 time 當前時...