欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

sass和scss的区别

程序员文章站 2022-06-23 13:34:31
...

1、什么是sass?

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。

2、sass和less的异同

SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。可以简单理解为scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号。例如:

//sass写法,看着很费劲
.sidebar
  width: 30%;
  background-color: #faa;
  	.sidebar-header
  		width:90%;
  		color:#000;
  		
//scss写法
.sidebar{
	width: 30%;
  	background-color: #faa;
  	.sidebar-header{
  		width:90%;
  		color:#000;
  	}
}