less css預處理語言

2021-10-04 02:25:45 字數 732 閱讀 3742

安裝

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 當前時...