Sass和SCSS有什么区别？

Sass和SCSS其实是同一种东西，我们平时称之为Sass，两者之间不同之处有以下两点：

文件扩展名不同，Sass是以“.sass”后缀为扩展名，而SCSS是以“.scss”后缀为扩展名
语法书写方式不同，Sass是以严格的缩进式语法规则来书写，不带大括号（{}）和分号（;），而SCSS的语法书写和我们的CSS语法书写方法非常类似。

Sass语法

$font-stack:Helvetica,sans-serif //定义变量
$primary-color:#eee  //定义变量htmlfont:100% $font-stackcolor:$primary-color

SCSS语法

$font-stack:Helvetica,sans-serif //定义变量
$primary-color:#eee  //定义变量html {font:100% $font-stackcolor:$primary-color
}

两者的编译结果是一样的，但是SCSS更加符合我们平时的写法

Sass和SCSS有什么区别？相关推荐

sass、scss、less区别
Sass (Syntactically Awesome StyleSheets),后缀名为.sass,是由ruby语言编写的一款css预处理语言 SCSS (Sassy CSS),后缀名为 .scss ...
Css、less和Sass（SCSS）的区别
随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言,less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别. 背景 CSS(Cascading Style Sheets,层叠样式表 ...
Sass 和 SCSS 有什么区别？
SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能.Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: ...
Sass、Scss、Less和Stylus区别总结
Sass.Scss.Less.Stylus CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架.本文便总结下 Sass.Less CSS.Stylus这三个预处理器 ...
SASS 和 SCSS 的区别
原文 Difference Between SASS and SCSS SASS(Syntactically Awesome Style Sheets)是一种由 Hampton Catlin 设计.C ...
关于sass（scss）、less、postcss、stylus等的用法与区别
一. Sass/Scss.Less.stylus是什么? 它们都是css预处理器.css预处理器的概念:CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项 ...
css，sass，scss和less的区别
css,sass,scss和less的区别 1.css 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语 ...
Sass和Scss的区别
区别: Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: Sass是以".sass"后缀为扩展名,Scss是以scss后缀为扩展名 ...
sass与scss的区别
用了很久css预编译器,但是一直不太清楚到底用的sass还是scss,直到有天被问住了有点尴尬,找了个教程撸了遍==... 异同:简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的 ...

Sass和SCSS有什么区别？

Sass和SCSS有什么区别？相关推荐

最新文章

热门文章