ホームページ  >  記事  >  ウェブフロントエンド  >  Sass と Less の違いは何ですか

Sass と Less の違いは何ですか

青灯夜游
青灯夜游オリジナル
2018-12-01 09:09:0537531ブラウズ

Sass と Less の違いは次のとおりです。 1. Less は JS で実行され、Sass は Ruby で使用されます。 2. 変数の記述方法が異なります。 3. Less ではループ値のみが許可されます。 Sass ではあらゆる種類のデータをトラバースできます。4. Sass には Compass があり、Less には Preboot があります。

Sass と Less の違いは何ですか

#このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

Sass と Less はどちらも CSS プリプロセッサですが、両者の違いは何でしょうか?この記事ではSassとLessの違いについてご紹介しますので、お役に立てれば幸いです。

まず見てみましょうCSS プリプロセッサとは何ですか?

CSS プリプロセッサは、特殊なプログラミング言語を使用して Web ページ スタイルを設計し、それを通常の CSS スタイルに変換して動的 CSS スタイルを構築するスクリプト言語です。

CSS プリプロセッサは、ブラウザの互換性の問題を考慮することなく、CSS にいくつかのプログラミング機能を追加します。

Sass と Less は 2 つの一般的な CSS プリプロセッサであり、Sass と Less で編集したスタイルを通常の CSS スタイルに変換できます。

Sass と Less の違いは何ですか

CSS プリプロセッサの学習も同様です。一度 CSS プリプロセッサを学習したら、必要に応じて別の CSS プリプロセッサに切り替えることは難しくありません。

Sass と Less の違いは何ですか

Sass と Less の違いは何ですか1 を見てみましょう。 JS での実行は少なく、Sass は Ruby で使用されます。

Sass は Ruby に基づいており、Ruby をインストールする必要があります。 Less と Sass は同様に Ruby で構築されていますが、JavaScript に移植されています。 LESS を使用するには、該当する JavaScript ファイルをサーバーにアップロードするか、オフライン コンパイラーを介して CSS テーブルをコンパイルします。

2. 変数の書き方が異なります。

Sass は $ を使用しますが、Less は @ を使用します。

3. Less では、循環値のみが許可されます。

Sass では、あらゆる種類のデータを反復処理できます。しかし、Less では、再帰関数を使用して値をループすることしかできません。

4. Sass には Compass があり、Less には Preboot があります

Sass と LESS には、ミックスイン (CSS 宣言を保存して共有する機能) を統合するために使用できる拡張機能があります。サイト) 。

Sass にはミックスイン用の Compass があり、利用可能なすべてのオプションと将来サポートされるアップデートが含まれています。

LESS には Preboot.less、LESS Mixins、LESS Elements、gs、Frameless があります。 LESS のソフトウェア サポートは Sass よりも細分化されており、その結果、すべてが同じように機能するとは限らないさまざまな拡張オプションが存在します。プロジェクトの場合、Compass と同様のパフォーマンスを得るには、リストされているすべての拡張機能が必要になる場合があります。

要約:

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がSass と Less の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。