52

これはちょっとばかげた質問だと思いますが、Google で検索しても答えが見つかりません :/ SASS と Compass、SASS と SCSS の違いは何ですか? 私はこれで本当に混乱しています。

情報をありがとう:)

4

4 に答える 4

80

過度に単純化するリスクがありますが、Compassはフレームワークであり、Sassは言語の抽象化です。Compassコンテキスト内でSassコードを記述します（そしてそれを標準のCSSにコンパイルします）。SCSSは、単にSass言語の最新の構文です。私の知る限り、構文がCSSに似ているという唯一の目的で作成されました。Sassのすべての構文上の糖衣ですが、CSSに慣れているフロントエンド開発者にはより馴染みがあります。

于 2010-11-08T01:15:21.237 に答える
20

一般に、「Sass」は css プリプロセッサーの名前です。つまり、開発者が、通常の css コードに自動的にコンパイルされる短い形式のプレースホルダーを作成するのに役立つツールです。Sass には、SCSS と SASS という 2 つの短い形式のコードを記述する方法があります。SCSS と SASS の違いは非常に単純です。SCSS は追加機能を備えた通常の CSS です。すべての CSS ファイルは .scss として名前を変更でき、検証されます。SASS では、すべての中括弧をスキップして短い形式の記述を使用します。.css ファイルを有効な .sass ファイルに変換するには、css コードを変更する必要があります。

Compass は、コマンド ライン ツールを介して制御される、いわゆる css フレームワークです。コンパスは、コーディングを高速化し、書き間違いを防止するために、事前定義された関数、ミックスインなどを提供することで開発をサポートします。たとえばコンパスでは、"@include box-shadow();" と記述するだけで、すべてのポリフィルを含むボックス シャドウを呼び出すことができます。すべての css コードは、「compass compile」を使用してファイルをコンパイルするときに、compass 自体によって追加されます。Compass は、大規模なフロントエンド開発プロジェクトで最もよく使用されるツールの 1 つです。

于 2014-05-11T13:38:04.300 に答える
14

私はTLDRの答えを提供しました：

Compass は本質的に SASS ライブラリです。sass の生の言語を使用し、共通の再利用可能な関数を作成します。

ウェブサイトから：

Compass は Sass を使用します。

Sass は、ネストされたルール、変数、ミックスイン、セレクターの継承などを追加する CSS3 の拡張機能です。Sass は整形式の CSS を生成し、スタイルシートの整理と保守を容易にします。

于 2012-05-12T19:53:55.033 に答える
7

Compass は、Sass で構築されたフレームワークです。もう 1 つの一般的な Sass フレームワークは、BourbonとSusyです。つまり、これらのフレームワークはすべて Sass で作成されています。ワークフローを高速化するために使用できる事前定義された関数と mixin があるだけです。

SCSS (Sassy Sass) は Sass の新しい構文です。CSS 構文を使用します。例えば：

h2 {
  color: red;
}

一方、Sass は「厳密」ではない構文を使用します。

h2 
  color: red

中括弧もセミコロンも使用されていないことに注意してください。また、インデントを使用する必要があります。

要約すると、どのフレームワークまたはどの Sass 構文を使用するかは、あなたの選択です!

于 2015-02-17T14:24:44.243 に答える