Less和Scss

Less

1.Less 是一种 css 预处理语言。
2.在 less 中可以定义一些变量和表达式以及使用嵌套语法;
3.less 中使用@定义变量(@baseColor:pink);
4.后期可以通过一些编译工具(less)将 less 编译成浏览器能直接识别的css 样式. 所以 less 只是在开发阶段使用的一种中间语言, 使用less 的目的是提高开发效率以及提高代码的可维护性。

Scss

1.scss 是一种 css 预处理语言, 在 less 中可以定义一些变量和表达式以及使用嵌套语法; 2.scss 中使用$定义变量($baseColor:pink);
3.后期可以通过一些编译工具(node-sass)将 less 编译成浏览器能直接识别的 css 样式. 所以 scss 只是在开发阶段使用的一种中间语言,使用 scss 的目的是提高开发效率以及提高代码的可维护性。