私が読んだところによると、Sassは変数や数学をサポートすることでCSSをより強力にする言語だそうです。
SCSSとは何が違うのでしょうか?同じ言語であると思われますか?似ていますか?違いますか?
Sassは、構文を高度化したCSSプリプロセッサです。進化した構文のスタイルシートは、プログラムによって処理され、通常のCSSスタイルシートになります。しかし、それらはCSS標準そのものを拡張するものではありません。
CSSの変数はサポートされており、利用することができますが、プリプロセッサの変数ほどではありません。
SCSSとSassの違いについては、Sass documentation pageのこの文章が答えてくれるはずです。
Sassには2つの構文があります。SCSS(Sassy CSS)として知られ、このリファレンスでも使用されている1つ目の構文は、CSSの構文を拡張したものです。これは、すべての有効なCSSスタイルシートが、同じ意味を持つ有効なSCSSファイルであることを意味します。この構文は、後述するSassの機能によって拡張されています。この構文を使用したファイルは、拡張子が .scss となっています。
2つ目の古い構文は、インデント付きの構文(または単に「Sass」)として知られており、CSSをより簡潔に記述する方法を提供します。この構文では、セレクタの入れ子を示すのにブラケットではなくインデントを使用し、プロパティを分離するのにセミコロンではなく改行を使用します。この構文を使用したファイルは、拡張子が .sass となります。
ただし、これらはすべて、最終的にCSSを作成するSassプリコンパイラでのみ機能します。これは、CSS標準そのものの拡張ではありません。
私は、Sassの作成を手伝った開発者の一人です。
違いはUIです。テキストの外観の下では、両者は同じです。sassとscssのファイルがお互いにインポートできるのはそのためです。実は、Sassにはscss、sass、CSS、lessという4つの構文パーサーがあります。これらはすべて、異なる構文をAbstract Syntax Treeに変換し、さらにCSS出力や、sass-convertツールを介して他のフォーマットに処理されます。
どちらも完全にサポートされていますし、気が変わったときには後から変更することもできますので、お好きな構文をお使いください。
その言語のホームページ」1より
Sassには2つの構文があります。新しいメイン と呼ばれています。 SCSS」(「Sassy CSS」の略)として知られています。 CSS3の構文のスーパーセットです。これは つまり、すべての有効なCSS3スタイルシートは SCSSも同様に有効であることを意味します。SCSSファイルの拡張子は 拡張子は.scssです。
2つ目の古い構文は、インデントされた構文(またはSass)として知られています。 インデントされた構文(または単に「Sass」)として知られています。 Sassは、Hamlのタイトネスにヒントを得て開発されました。 Sassは、Hamlのtersenessに触発され、類似性よりも簡潔さを好む人のためのものです。 CSSとの類似性よりも簡潔さを好む人向けです。 大括弧やセミコロンの代わりに 行のインデントを利用して ブロックを指定します。もはや主要な構文ではありませんが 主要な構文ではなくなりましたが、インデント構文は は今後もサポートされます。ファイル インデントされた構文のファイルは、拡張子が 拡張子は.sassです。
SASSは、CSSを吐き出す解釈された言語です。Sassの構造はCSSに似ていますが(大まかには)、この表現は少し誤解を招くように思います。Sassは最終的にCSSを出力するインタープリタです。そのため、Sassには通常のCSSの制限がありますが、それをシンプルなコードで隠しています。