css less scss(sass)区分

css（层叠样式表）是一门非程序式语言。入手简单，但是因没有变量、函数、scope（作用域），所以在一些负载项目中，不利于复用，也不方便扩展。

.test{ background: #333;}

less技术后缀名.less，语法接近scss，详细参考：Less 中文网

使用方式分为两种：

1.直接在浏览器中引入less编译器js文件和less文件，直接渲染编译为css到当前页面中；

2.less文件通过编译成css后引用css。

@color1: #333;

@background1: skyblue;  // 不加引号

.test{

color: @color1;

}

scss(sass)

sass技术后缀名有两种 .sass（3.0版本前）  .scss （3.0版本后），两者均可通过编译生产浏览器能识别的css文件，详细参考：Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网

区别：sass没有{} ；

sass

$primary-color: #333

.test

    color: $primary-color

scss

$primary-color: #333;

.test{

    color: $primary-color;

}