less和sass的区别

变量

less：

@变量名: 变量值;

sass：

$变量名: 变量值;

混合

less：

//定义混合：
.混合名字(@形参:形参默认值){
	css样式;
}
//使用混合
.box{
	.混合名字(实参);
}

sass：

//定义混合：
@mixin 混合名字($形参:形参默认值){
	css样式;
}
//使用混合
.box{
	@include 混合名字(实参);
}

嵌套

less和sass都可以使用嵌套

运算

都可以进行四则运算

转义

允许使用任意字符串作为属性或变量值

~

/

注释

二者相同

//
/**/

导入

二者相同

@import '文件名';