在這裡插入**片
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變...