前端之Sass和Less(VScode)的混入、命名空间、继承语法区别
代码原文件见同名知乎;
在VScode中Sass和Less混入、命名空间、继承语法的编码差异让我们一起对比揭露吧
- 混入
- 命名空间
- 继承语法
1.混入
混入即不同的CSS组合到一起在SCSS中。
SCSS的混入运用@mixin——@include 传参;CSS文件中不生成所引入模块。
SCSS.scss和SCSS.css的混入语法代码,如下图所示:
LESS的混入运用.show{}——.show()传参;且CSS文件中生成所引入模块,如果想要隐藏在LESS中给所引模块加()。
LESS.less和LESS.css的混入语法代码,如下图所示: