Von dem, was ich gelesen habe, ist Sass eine Sprache, die CSS leistungsfähiger mit Variablen und mathematische Unterstützung macht.
Was ist der Unterschied zu SCSS? Soll es die gleiche Sprache sein? Ähnlich? Anders?
Sass ist ein CSS-Präprozessor mit erweiterter Syntax. Stylesheets in der erweiterten Syntax werden von dem Programm verarbeitet und in reguläre CSS-Stylesheets umgewandelt. Sie erweitern jedoch nicht den CSS-Standard selbst.
CSS-Variablen werden unterstützt und können genutzt werden, aber nicht so gut wie Präprozessor-Variablen.
Der Unterschied zwischen SCSS und Sass, dieser Text auf der Sass-Dokumentationsseite sollte die Frage beantworten:
Es gibt zwei Syntaxen für Sass. Die erste, bekannt als SCSS (Sassy CSS) und in dieser Referenz verwendet, ist eine Erweiterung der CSS-Syntax. Das bedeutet, dass jedes gültige CSS-Stylesheet eine gültige SCSS-Datei mit der gleichen Bedeutung ist. Diese Syntax wird durch die unten beschriebenen Sass-Funktionen erweitert. Dateien, die diese Syntax verwenden, haben die Erweiterung .scss.
Die zweite und ältere Syntax, die so genannte eingerückte Syntax (oder manchmal einfach "Sass"), bietet eine prägnantere Art, CSS zu schreiben. Sie verwendet Einrückungen anstelle von Klammern, um die Verschachtelung von Selektoren anzuzeigen, und Zeilenumbrüche anstelle von Semikolons zur Trennung von Eigenschaften. Dateien, die diese Syntax verwenden, haben die Erweiterung .sass.
All dies funktioniert jedoch nur mit dem Sass-Pre-Compiler, der letztendlich CSS erstellt. Es handelt sich nicht um eine Erweiterung des CSS-Standards selbst.
Ich bin einer der Entwickler, die an der Entwicklung von Sass beteiligt waren.
Der Unterschied ist die Benutzeroberfläche. Unterhalb des textlichen Äußeren sind sie identisch. Deshalb können sich sass- und scss-Dateien gegenseitig importieren. Eigentlich hat Sass vier Syntax-Parser: scss, sass, CSS und less. Sie alle konvertieren eine andere Syntax in einen Abstract Syntax Tree, der über das Tool sass-convert in eine CSS-Ausgabe oder sogar in eines der anderen Formate weiterverarbeitet wird.
Verwenden Sie die Syntax, die Ihnen am besten gefällt. Beide werden vollständig unterstützt und Sie können später zwischen ihnen wechseln, wenn Sie Ihre Meinung ändern.
Von der Homepage der Sprache
Sass hat zwei Syntaxen. Die neue Haupt Syntax (ab Sass 3) ist bekannt als "SCSS" (für "Sassy CSS"), und ist eine Obermenge der Syntax von CSS3. Das bedeutet dass jedes gültige CSS3-Stylesheet auch auch > gültiges SCSS ist. SCSS-Dateien verwenden die Erweiterung .scss.
Die zweite, ältere Syntax ist bekannt als die eingerückte Syntax (oder einfach "Sass"). Inspiriert durch die Kürze von Haml, ist sie für Leute gedacht, die Prägnanz Prägnanz gegenüber der Ähnlichkeit mit CSS bevorzugen. Anstelle von Klammern und Semikolons wird die Einrückung von Zeilen verwendet, um Blöcke zu definieren. Obwohl sie nicht mehr die primäre Syntax ist, wird die eingerückte Syntax wird weiterhin unterstützt. Dateien in der eingerückten Syntax verwenden die Erweiterung .sass.
SASS ist eine interpretierte Sprache, die CSS ausspuckt. Die Struktur von Sass sieht aus wie CSS (aus der Ferne), aber es scheint mir, dass die Beschreibung ein wenig irreführend ist; es ist kein Ersatz für CSS, oder eine Erweiterung. Es ist ein Interpreter, der am Ende CSS ausspuckt, also hat Sass immer noch die Einschränkungen von normalem CSS, aber es maskiert sie mit einfachem Code.