【前端之Sass和Less（VScode）的运算、函数语法区别】

前端之Sass和Less（VScode）的运算、函数语法区别

代码原文件见同名（肖言是御用女主）知乎；
在VScode中Sass和Less具体产生的运算（单位、转义、颜色）、函数的语法编码差异让我们一起对比揭露吧

1. 四则运算语法
2. 函数语法
3. 总结

1.四则运算的写法

SCSS可以进行四则运算，但是加减的前提是单位要相同否则代码错误；除法系统默认为是/符号的分割操作。

SCSS.scss的四则代码运算语法代码，如下图所示：

LESS.less可以进行四则运算，当两个不同单位的数值相加减时会以第一个单位为主；除法系统默认为是/转义符号（“/”转义：不是主动相除而是分割）的分割操作。

LESS.less的四则代码运算语法代码，如下图所示：

2.函数的写法

SCSS.scss与LESS.less有效果相同的函数如：round四舍五入、percentage百分比；
也有效果不同的函数如