-
混合模式： .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文件，在被浏览器调用时，浏览器自己运算。 !important 样式优先级别最高。查看全部
-
@arguments包含了所有传递进来的参数。 例如：.border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有参数 } .test_arguments{ .border_arg(40px); }查看全部
-
less嵌套查看全部
-
less 中 用 @符号声明变量,如：@width：100px; 使用变量，如： div{width:@width;}查看全部
-
less文件里面的注释有两种： /**/会被编译到css文件里边； //不会被编译到css文件里边查看全部
-
LESS之于CSS，相当于jQuery之于JavaScript！ less是一种动态样式语言，属于css预处理语言的一种，类似于css的语法，为css赋予了动态语言的特性，如变量、继承，运算，函数等，更方便css的编写和维护。 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(@_){}对应class默认带上这段查看全部
举报
0/150
提交
取消