从我所读到的内容来看,Sass是一种通过变量和数学支持使CSS更强大的语言。
SCSS有什么不同?应该是同一种语言吗?相像的不同的
从我所读到的内容来看,Sass是一种通过变量和数学支持使CSS更强大的语言。
SCSS有什么不同?应该是同一种语言吗?相像的不同的
当前回答
SCSS是Sass的新语法。在扩展方面,.sas表示sass,.scs表示scss。这里,SCSS具有比SASS更逻辑和复杂的编码方法。因此,对于软件领域的新手来说,更好的选择是SCSS。
其他回答
Sass.Sass文件在视觉上与.scs文件不同,例如。
Example.sass-sass是较旧的语法
$color: red
=my-border($color)
border: 1px solid $color
body
background: $color
+my-border(green)
Example.scss-sassycss是Sass 3的新语法
$color: red;
@mixin my-border($color) {
border: 1px solid $color;
}
body {
background: $color;
@include my-border(green);
}
只要将扩展名从.CSS更改为.scs,任何有效的CSS文档都可以转换为SassyCSS(SCSS)。
SASS是语法上很棒的样式表,是CSS的扩展,它提供了嵌套规则、继承和混合的特性,而SCSS是Sassy级联样式表,它与CSS相似,填补了CSS和SASS之间的空白和不兼容性。它是根据麻省理工学院的许可证颁发的。本文详细介绍了这些差异:https://www.educba.com/sass-vs-scss/
我发现自己也在想同样的事情,在哈佛大学的CS50中偶然发现了一个直截了当的解释:
一种叫做Sass的语言。。。(是)本质上是CSS的扩展。。。它为CSS添加了附加功能。。。只是为了让它更强大一点供我们使用。
Sass的一个关键特性是能够使用变量
Sass扩展名为.scs(与普通css文件的.css不同)。
因此,当我们问“scs和sass之间有什么区别?”时,答案很简单,.scs只是希望使用sass而不是常规CSS时使用的文件扩展名。
Sass是一个具有语法改进的CSS预处理器。高级语法中的样式表由程序处理,并转换为常规CSS样式表。然而,它们并没有扩展CSS标准本身。
CSS变量是受支持的,可以使用,但不能像预处理器变量一样使用。
对于SCSS和Sass之间的区别,Sass文档页面上的文本应回答以下问题:
SCSS语法使用文件扩展名.scs。除了一些小的例外,它是CSS的超集,这意味着基本上所有有效的CSS都是有效的SCSS。由于它与CSS相似,所以它是最容易使用和最流行的语法。
缩进的语法是Sass的原始语法,因此它使用了文件扩展名.Sass。由于这个扩展名,它有时被称为“Sass”。缩进语法支持与SCSS相同的所有功能,但它使用缩进而不是大括号和分号来描述文档的格式。
然而,所有这些都只适用于Sass预编译器,后者最终会创建CSS。它不是CSS标准本身的扩展。
Sass是第一个,语法有点不同。例如,包括mixin:
Sass: +mixinname()
Scss: @include mixinname()
Sass忽略了大括号和分号,而专注于嵌套,我发现这更有用。