前端 less 使用

2021-10-18 13:28:26 字數 507 閱讀 4225

在這裡插入**片

1)& 代表當前層級元素的上一級元素,就是當前層級元素的父元素。

2)給當前元素加乙個偽類時候使用,:hover(::hover), :after(::after)

css:用css寫法

aa:hover

;less:用less寫法a}

---------------------------

css:

.clearfix:after

.clearfix

;less:

.clearfix

}3)代表的上一層選擇器的名字,此例便是header。

/* less */

#header

.title

&_content

}/* 生成的 css */

#header::after

#header .title

#header_content

前端基礎 less(全集)

初識less less知識彙總 le2.html le2.less 以 開頭的注釋,不會編譯到css檔案當中,以 包裹的注釋會被編譯到css資料夾中 注釋11111 注釋222222,會顯示 宣告變數 乙個屬性的值,直接引用 color rgb 2,255,2 宣告變數 乙個屬性名,用 引用 m m...

less使用有感

今天第一次使用了之前學的less,感覺非常棒,寫的時候不斷讓我覺得花費精力去學習這貨是值得的 為什麼我們要使用less?在我們寫css的時候一般是沒有注意到層次結構的,哪怕我們刻意去劃分好乙個乙個頁面,寫到最後就會發現四處引用,亂成麵條一樣,每修改一處還怕別的地方也被改了 less就能解決這個問題,...

less使用小結

一 關於變數 less中的變數要使用 宣告。變數的使用方式 1.作為普通的變數 比如 color red 使用的話就在css中 div2.作為選擇器或屬性名,要用 這種形式 比如有乙個div 定義乙個變數 mydiv width 200px 編譯後css為 width3.作為url 另外,less變...