-
less 中导入less 文件时可以不加扩展名 例：@import "style" less 中导入 css 文件时需要加扩展名 ：@import (less) "reset.css" @import 写在哪里，编译之后 css 内容 就会出现在哪里查看全部
-
有时候我们需要输出一些不正确的CSS语法或者使用一些LESS不认识的专有语法。 要输出这样的值我们可以在字符串前加上一个 ~ 例如： width:~'calc(100%-35)'; height:~'calc(300px-20px)'; 编译后(.css文件): width: calc(100%-35); height: calc(300px-20px); !important关键字 会为所有混合所带来的样式,添加上!important查看全部
-
@arguments包含了所有传递进来的参数。查看全部
-
嵌套规则 & 代表的它的上一层选择器查看全部
-
Less中的运算 @test_01:300px; .box_02{ width:@test_01 + 20; height: (@test_01 - 200) * 5; background:#ccc - 10; }查看全部
-
注：@_ 意思为不管调用哪种样式块都会加上该样式块的样式。查看全部
-
常规 .sanjiao{ width:0; height:0; overflow:hidden; border-width:10px; border-color: transparent transparent red transparent; border-style: dashed dashed solid dashed; } 匹配模式(类似if) .triangle(top,@w:5px,@c:#ccc){ border-width:@w; border-color:transparent transparent @c transparent; border-style: dashed dashed solid dashed; } .triangle(bottom,@w:5px,@c:#ccc){ border-width:@w; border-color:@c transparent transparent transparent; border-style: solid dashed dashed dashed; } .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){ width:0; height:0; overflow:hidden; } .sanjiao1{ .triangle(right,10px); } demo2: .pos(a){ position:absolute } .pos(f){ position:fixed; } .box{ .pos(f); }查看全部
-
less混合 .box{ background-color:#fff; .border; //引用border样式 } .border{ border:1px solid red; } 带参数的混合 .box{ background-color:#fff; .border_02(5px); } .border_02(@border_width){ border:@border_width solid yellow; } 默认混合(不传入参数则走默认值,传入参数则走传进来的这个值) .border_03(@border_width:10px){ border:@border_width solid green; } .div1{ .border_03();//走的是默认值,即10px的边框 } .div2{ .border_03(15px);//走的是传递进来的参数,即15px的边框 }查看全部
-
less 中 用 @符号声明变量,如： @width：100px; 使用变量，如： div{width:@width}查看全部
-
less文件里面的注释有两种。 /**/会被编译到css文件里边 //不会被编译到css文件里边查看全部
-
输出方式 normal(不压缩) compress(进行压缩)查看全部
-
LESS之于CSS，相当于jQuery之于JavaScript！ less是一种动态样式语言，属于css预处理语言的一种，类似于css的语法，为css赋予了动态语言的特性，如变量、继承，运算，函数等，更方便css的编写和维护查看全部
-
.sanjiao-bottom{ width:0; height:0; overflow:hidden; border-width:10px; border-style: solid dashed dashed dashed; border-color: red transparent transparent transparent }查看全部
-
1.并列嵌套 2.&查看全部
-
1.一般混合 2.带参数混合 3.默认混合查看全部
举报
0/150
提交
取消