-
Less 里嵌套 & 表示上一層選擇器查看全部
-
less 中導(dǎo)入less 文件時可以不加拓展名 例：@import "less1" less 中導(dǎo)入 css 文件時需要加拓展名 ：@import (less) "test.css"查看全部
-
@arguments包含了所有傳遞進來的參數(shù)。 例如：.border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有參數(shù) } .test_arguments{ .border_arg(40px); } 輸出： .test_arguments{ .border:40px #ff0000 solid; }查看全部
-
a{ float:left; &:hover{ //& 表示上一層選擇器 color:red; } }查看全部
-
三角形 .triangle(top,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent transparent @c transparent; border-style: dashed dashed solid dashed; } .triangle(bottom,@w:10px,@c:#ccc){ border-width:@w; border-color:@c transparent transparent transparent; border-style:solid dashed dashed dashed; } .triangle(left,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent @c transparent transparent; border-style:dashed solid dashed dashed; } .triangle(right,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent transparent transparent @c; border-style: dashed dashed dashed solid; } .triangle(@_,@w:10px,@c:#ccc){ width:0; height:0; overflow: hidden; } .sanjiao{ .triangle(right); }查看全部
-
聲明： less 中 用 @符號聲明變量,如：@width：100px; 使用變量，如：div{width:@width;}查看全部
-
//混合 .border{ border:solid 5px pink; } .box2{ .box; margin-left:100px; } //混合--可帶參數(shù)的 .border_02(@border-width){ border:solid yellow @border-width; } .test_hunhe{ .border_02(30px); } //混合--默認帶值 .border_03(@border_width:10px){ border:solid green @border_width; } .test_hunhe_03{ .border_03(); }查看全部
-
&代表上一層選擇器查看全部
-
不帶參數(shù)或值的混合，就可以直接混合class，如果是帶參數(shù)和值的，混合的時候就必須加（），帶值中，如果不使用默認值就可以直接在括號里面加上值查看全部
-
less文件里面的注釋有兩種： /**/會被編譯到css文件里邊； //不會被編譯到css文件里邊查看全部
-
css畫三角查看全部
-
less中以@聲明變量查看全部
-
處理浮動換行的問題。給父級元素添加負的margin查看全部
-
用css寫三角查看全部
-
lesscss查看全部
舉報
0/150
提交
取消