言語を選択

ホームページ

...

開発ツール

Sass

Sass の代替手段

Sass の代わりとなる 4 個の無料および有料のリストをまとめました。主な競合相手はStylus、 PostCSSです。これらに加えて、ユーザーは Sass と CSS、 LESS の間の比較も行います。また、他の同様のオプションもここで確認できます: 開発ツール。

Stylus

Free Open Source

Expressive, dynamic, robust CSS.

PostCSS

JavaScriptでCSSを変換するためのツール

CSS

Free Open Source

カスケードスタイルシート（CSS）は、スタイルを追加するためのシンプルなメカニズムです（例：

LESS

Free Open Source

LESSは、変数、ミックスイン、操作、関数などの動的な動作でCSSを拡張します。

Sass

Free

Open Source

ウェブサイトを訪問する

SassはCSS3の拡張であり、ネストされたルール、変数、ミックスイン、セレクターの継承などを追加します。

Sass プラットフォーム

Windows

Linux

Mac

Sass 概要

Sassは、ハンプトンカトリンによって最初に設計され、ネイサンワイゼンバウムによって開発されたスタイルシート言語です。初期バージョンの後、Nathan WeizenbaumとChris Eppsteinは、Sassファイルで使用されるシンプルなスクリプト言語であるSassScriptでSassを拡張し続けました。SassはCascading Style Sheets（CSS）メタ言語です。 CSSに解釈されるスクリプト言語です。 SassScriptはスクリプト言語そのものです。 Sassは2つの構文で構成されています。「インデントされた構文」と呼ばれる元の構文は、Hamlに似た構文を使用します。インデントを使用してコードブロックを分離し、改行文字を使用してルールを分離します。新しい構文「SCSS」は、CSSのようなブロック形式を使用します。中括弧を使用してコードブロックを示し、セミコロンを使用してブロック内の行を区切ります。インデントされた構文とSCSSファイルには、それぞれextensions.sassと.scssが伝統的に与えられます。CSS3は、それらに適用されるルールをグループ化する一連のセレクターと疑似セレクターで構成されます。 Sass（両方の構文のより大きなコンテキストで）は、より伝統的なプログラミング言語、特にオブジェクト指向言語で利用可能ないくつかのメカニズムを提供することでCSSを拡張しますが、CSS3自体では利用できません。 SassScriptが解釈されると、Sassファイルで定義されているさまざまなセレクターのCSSルールのブロックが作成されます。 SassインタープリターはSassScriptをCSSに変換します。または、Sassは.sassまたは.scssファイルを監視し、.sassまたは.scssファイルが保存されるたびにそれをoutput.cssファイルに変換できます。 Sassは、CSSの単なる構文糖衣です。