LESS的原理及其使用方式

2021-08-26 02:57:56 字數 1010 閱讀 9919

本質上，less包含一套自定義的語法及乙個解析器，使用者根據這些語法定義自己的樣式規則，這些規則最終會通過解析器，編譯生成對應的css檔案。

以上是官網的鏈結，具體安裝使用都可以看到

可在css檔案中以以下格式來定義乙個變數並進行引用

//宣告格式


@變數名:值;


//使用格式


@變數名
在less中，mixins是指在乙個class中引入另乙個已經定義好的class，就像在當前的class中增加乙個屬性一樣。

//宣告格式


.類名(自定義變數) 


//使用方法，直接在其他類的樣式中引用


.類名;
為了避免mixins重名問題，可以使用命名空間

#空間名字


//則引用時只要在前面加上空間名字即可


#空間名字 > .類名
html片段如下：

id="home">

id="top">topdiv>

id="center">

id="left">leftdiv>

id="right">rightdiv>

div>

div>

css樣式定義如下：

#home


#home


#top


#home


#center


#home


#center


#left


#home


#center


#right
可用巢狀less語法來代替

#home 


#center 


#right 


} }
此文章很多引用如下

UUID的使用及其原理

首先，uuid的使用 生成隨機的uuid string uuid uuid.randomuuid tostring replaceall 而它的原理呢？uuid由以下幾部分的組合 1 當前日期和時間，uuid的第乙個部分與時間有關，如果你在生成乙個uuid之後，過幾秒又生成乙個uuid，則第乙個部分...

一 CocoaPods的使用及其原理

cocoapods manages library dependencies for your xcode projects.cocoapods是mac os x 和 ios 應用程式開發的乙個第三方庫依賴的管理工具，你可以用它來 幫助集中匯入 配置以及更新所用到的第三方。在這之前可以自己定義依賴關...

less的基本使用

3 node編譯 1 變數的定義 變數名 值2 變數的使用 作為屬性值使用 變數名 作為選擇器或者屬性名使用 先從本作用域找，沒有再去上層作用域找，在同一作用域下，變數定義兩次，後面的會覆蓋前面的 1 css注釋，編譯成css後依然存在 2 less注釋，編譯成css後不顯示 1 普通混合 會在cs...