less基本語法

less的注釋有兩種方式，一種為css用的/**/,這種注釋的方法會被less所編譯成css。另一種為//，這種不會被less所編譯

less**

/*會被編譯*/

//不會被編譯

/*會被編譯*/

less**

@test_width

:100px;
@test_color
:red;
.box

.box

less**

//這裡是沒帶引數的巢狀

.addradius()
//這裡是帶引數的巢狀
.addboder
(@test_color
)//這裡是帶預設值的引數巢狀,keyi1
.addmargin(@v
:10px)
.box

.box

less**

//括號內的不帶符號的引數代表條件

.pos(r)
.pos(a)
.pos(f)
.box

.box

less**

@lenght

:100px;
//減法的變數之間一定要有空格
.box

.box

less**

ul}}

>.left
.right
}

ul

ul li
ul li a
ul li a:hover
ul > .left
ul .right

less**

.addborder(@l

:1px,@s
:solid,@c
:red)
.box

.box

less基本語法筆記

以 開頭的注釋，不會被編譯到css檔案中 以 包裹的注釋會被編譯到css檔案中 a 使用 來宣告乙個變數 例 red red mainb 作為普通屬性值來使用 直接使用 red c 作為選擇器和屬性名使用 的形式 variables my selector banner usage d 作為url ...

less開發（二） 基本語法

一 巢狀規則 less可以讓我們以巢狀的方式編寫層疊樣式，先看下面這段css box a hd.box a bd.txt box a other 在less中，可以用巢狀方式寫以上 box a bd other 變更簡潔與直觀，與dom樹結構很相似。符號 如果在巢狀規則中，想寫串聯選擇器，而不是寫後...

less的使用 基本語法 編譯

注釋 會被刪除 不會被刪除1.變數為屬性值定義變數 變數名 變數值 使用變數 屬性 變數名 變數 main color 333 用法 body2.變數為屬性或者為選擇器定義變數 變數名 變數值 使用變數 屬性值 變數 property color 屬性 用法 body 333 變數 myselect...