-
混合模式： .fl(){ float:left; } time-list:{ .fl() }查看全部
-
less中的清除浮動： .clearfix{ &:after{ content:""; display:block; clear:both; } zoom:1; }查看全部
-
‘&’表示上一層（父）選擇器查看全部
-
清除浮動查看全部
-
/*匹配模式*/ .triangle(left,@w:5px,@c:#ccc){ border-width: @w; border-color: transparent @c transparent transparent; border-style:dashed solid dashed dashed; } .triangle(right,@w:5px,@c:#ccc){ border-width: @w; border-color: transparent transparent transparent @c; border-style:dashed dashed dashed solid; } /*@_匹配所有*/ .triangle(@_,@w:5px,@c:#ccc){ border-width: @w; border-color: transparent transparent transparent @c; border-style:dashed dashed dashed solid; } .sanjiao{ .triangle(right,100px); }查看全部
-
less 避免編譯 用符號 ~ 例： ~‘calc(300px-30px)’，less直接把calc(300px-30px)給到css文件，在被瀏覽器調(diào)用時，瀏覽器自己運(yùn)算。 !important 樣式優(yōu)先級別最高。查看全部
-
@arguments包含了所有傳遞進(jìn)來的參數(shù)。 例如：.border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有參數(shù) } .test_arguments{ .border_arg(40px); }查看全部
-
less嵌套查看全部
-
less 中 用 @符號聲明變量,如：@width：100px; 使用變量，如： div{width:@width;}查看全部
-
less文件里面的注釋有兩種： /**/會被編譯到css文件里邊； //不會被編譯到css文件里邊查看全部
-
LESS之于CSS，相當(dāng)于jQuery之于JavaScript！ less是一種動態(tài)樣式語言，屬于css預(yù)處理語言的一種，類似于css的語法，為css賦予了動態(tài)語言的特性，如變量、繼承，運(yùn)算，函數(shù)等，更方便css的編寫和維護(hù)。 less編譯工具：查看全部
-
Less中的@arguments可以引入所有的變量查看全部
-
.triangle(top,@w:10px,@color:red) { border-width: @w; border-color: transparent transparent @color transparent; border-style: dashed dashed solid dashed; } .triangle(right,@w:10px,@color:red) { border-width: @w; border-color: transparent @color transparent transparent; border-style: dashed solid dashed dashed; } .triangle(bottom,@w:10px,@color:red) { border-width: @w; border-color: @color transparent transparent transparent; border-style: solid dashed dashed dashed; } .triangle(left,@w:10px,@color:red) { border-width: @w; border-color: transparent transparent transparent @color; border-style: dashed dashed dashed solid; } .triangle(@_,@w:10px,@color:red) { width: 0px; height: 0px; overflow: hidden; } div { .triangle(left); }查看全部
-
寫：hover直接用&：hover“&代表他的上一級選擇器”查看全部
-
.class(@_){}對應(yīng)class默認(rèn)帶上這段查看全部
舉報
0/150
提交
取消