less和scss有什么区别

温馨提示

这里不会描述它们之间的详细用法

它们两者都是CSS预处理器，它们都在CSS的基础上，追加了动态语言的特性，诸如变量，继承，运算，循环等，在节省代码的同时，而增加了CSS代码的可读性。

在浏览器中，只认识CSS文件，并不认识less、sass文件，所以需要有一个编译过程，将这些文件转成浏览器可读的CSS文件才能正常运行，例如webpack的loader

不同之处

类型	Sass	Less
变量	$开头	@开头
文件后缀	.sass、.scss	.less
处理方式	服务端处理	客户端处理
实现不同	Ruby、dart、lib	JavaScript

Sass3支持不用花括号，使用缩进（像Python，stylus也是这样的）

#box
  width: 100px;
  height: 100px;
  background-color: #red;

sass和scss的区别

• 文件后缀名：
  • sass版本3.0之前为.sass
  • 版本3.0之后为.scss。

补充下SASS

SASS一共有三个版本，具体如下

ruby sass

sass的第一个版本，但在2019/3/26已经停止了维护支持，因为前端Node无处不在，且SASS在性能上的需求已经超过了RUby的能力

dart sass

后来，SASS团队使用了DART对SASS进行了重写，在这个版本中，它可以被编译成纯JavaScript文件，可以快速简单的集成到Web开发中

lib sass

libSASS是采用C/C++实现的，主要目的是简单、快速、易于集成