1. ホーム
  2. css

[解決済み] SCSSとSassの違いは何ですか?

2022-03-15 14:38:46

質問

私が読んだ限りでは、Sassは変数と数学のサポートでCSSをより強力にする言語です。

SCSSと何が違うの?同じ言語ということになるのでしょうか。似てますか?違うの?

解決方法は?

Sassは、構文を進化させたCSSプリプロセッサです。高度な構文のスタイルシートは、プログラムによって処理され、通常の CSS スタイルシートになります。しかし、それらは ではなく はCSS規格そのものを拡張しています。

CSS 変数はサポートされており、利用することができますが、プリプロセッサー変数ほどではありません。

SCSSとSassの違いについては、このテキスト上の Sass ドキュメントページ が答えになるはずです。

<ブロッククオート

Sassには2つの構文が用意されています。1 つは SCSS (Sassy CSS) であり、このリファレンス全体を通して使用されている CSS の構文を拡張したもの . これは、すべての有効なCSSスタイルシートは、同じ意味を持つ有効なSCSSファイルであることを意味します。この構文は、以下に説明するSassの機能によって強化されています。この構文を使用するファイルには .scss という拡張子を持ちます。

2つ目と 古い構文 として知られています。 indented syntax (or sometimes just “Sass”) は、CSS をより簡潔に記述する方法を提供します。それは は括弧ではなくインデントを使用します。 はセレクタのネストを示し セミコロンではなく改行 でプロパティを区切ります。この構文を使っているファイルには .sass という拡張子を持つ。

しかし all this works only with the Sass pre-compiler というのは、最終的にCSSを作成する。CSSの規格そのものを拡張するものではありません。