Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
439 views
in Technique[技术] by (71.8m points)

css - SCSS和Sass有什么区别?(What's the difference between SCSS and Sass?)

From what I've been reading, Sass is a language that makes CSS more powerful with variable and math support.

(根据我的阅读,Sass是一种语言,它通过变量和数学支持使CSS更加强大。)

What's the difference with SCSS?

(SCSS有什么区别?)

Is it supposed to be the same language?

(是否应该使用相同的语言?)

Similar?

(类似?)

Different?

(不同?)

  ask by bruno077 translate from so

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

Sass is a CSS pre-processor with syntax advancements.

(Sass是具有语法改进功能的CSS预处理器。)

Style sheets in the advanced syntax are processed by the program, and turned into regular CSS style sheets.

(程序将处理高级语法的样式表,并将其转换为常规CSS样式表。)

However, they do not extend the CSS standard itself.

(但是,它们并未扩展CSS标准本身。)

CSS variables are supported and can be utilized but not as well as pre-processor variables.

(支持并可以使用CSS变量,但不能像预处理器变量那样使用CSS变量。)

The difference between SCSS and Sass, this text on the Sass documentation page should answer the question:

(SCSS和Sass之间的区别是, Sass文档页面上的此文本应回答以下问题:)

There are two syntaxes available for Sass.

(Sass有两种语法。)

The first, known as SCSS (Sassy CSS) and used throughout this reference, is an extension of the syntax of CSS.

(第一个被称为SCSS(Sassy CSS),在本参考文献中一直使用,它是CSS语法的扩展。)

This means that every valid CSS stylesheet is a valid SCSS file with the same meaning.

(这意味着每个有效的CSS样式表都是具有相同含义的有效SCSS文件。)

This syntax is enhanced with the Sass features described below.

(下文描述的Sass功能增强了此语法。)

Files using this syntax have the .scss extension.

(使用此语法的文件扩展名为.scss 。)

The second and older syntax , known as the indented syntax (or sometimes just “Sass”), provides a more concise way of writing CSS.

(第二种或更旧的语法 (称为缩进语法(有时也称为“ Sass”))提供了一种更为简洁的CSS编写方式。)

It uses indentation rather than brackets to indicate nesting of selectors, and newlines rather than semicolons to separate properties.

(它使用缩进而不是方括号来表示选择器的嵌套,并使用换行符而不是分号来分隔属性。)

Files using this syntax have the .sass extension.

(使用此语法的文件扩展名为.sass 。)

However, all this works only with the Sass pre-compiler which in the end creates CSS.

(但是,所有这些仅适用于最终创建CSS的Sass预编译器。)

It is not an extension to the CSS standard itself.

(它不是CSS标准本身的扩展。)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...