less语法
less是基于css的扩展技术,通过引入变量、混合变量、函数、运算等实现;它简化了css代码,降低了维护成本。
通过解析器-koala,将less转化为css文件。
一、变量:
@变量名:值
@text_width:300px;
.box{
width:@text_width;
height:@text_width;
}
二、带参数的混合:
.border_01(@border_width){
border:@border_width solid red;
}
.text_hunhe{
. border_01(10px);
}
三、带默认值的混合:
.border_02(@border_width:10px){
border:@border_width solid green;
}
.text_hunhe{
.border_02();
}
四、@arguments变量:
.border_arg(@w:30px;@c:red;@xx:solid){
border:@argunments;
}
.text_arguments{
.border_arg(30px);
}