less

less的用法

声明变量
@...
混合使用
.box{
样式表
}
.box_bo{
.box
}

 

函数的使用
.trans(@参数:默认值,@参数2，@参数3：默认值){

border:@参数 @参数2 参数3；
}
.box{
.trans(实参，实参，实参);
}

给class加上小括号使其css中无法转译形成变量使用
.trans(){
样式表
}
.bax{
.trans;
}

嵌套规则
&:为当前元素；
#navbar{

height：50px;
a{
line-height:20px;
&: hover{
text-decoration:underline;
}
}
ul{
list-style:none;
>li{
float:left
}
}
}

运算
颜色，变量，常量 都能 加减乘除 去余%

 

内置函数
字符串 替换 replace()
数学函数 ceil() foolr()
颜色变暗 darken（颜色，值 ）
颜色变量 lighten（颜色 ，值）

@inport "xxx"; 可以省略后缀less
less官网 less.bootcss.com
bootstrap v3.bootcss.com

转载于:https://www.cnblogs.com/nChenWei/p/6549648.html