SCSSとLESSについて読みました。しかし、その違いを明確に理解することはできません。 SCSSとLESSの両方がCSSの機能を持っていることを知っています(CSSの拡張を意味します)。
SCSSとLESSの違いは何ですか?どちらの方がよいですか?
Sass と Less は両方ともCSSプリプロセッサです。
From keycdn.com
CSSプリプロセッサは、基本的にCSSを拡張し、通常のCSSにコンパイルするスクリプト言語です。
したがって、SassとLessはCSSの機能を変更しません。これらはプレーンな古いCSSにコンパイルされるためです。彼らがしているのは、ミックスイン、ネスト、変数などのツールを使用してCSSの作成と保守を簡単にすることです。
「Sassy CSS」を表すSCSSは、Sassの2つの構文の1つです。
sass参照から :
インデントされた構文(または単に「Sass」)として知られる2番目の古い構文は、CSSをより簡潔に記述する方法を提供します。
SassとLessの両方に非常によく似た機能があります。 SassはRubyを使用しますが、LessはJavascriptを使用します。たとえば、Sassは変数に$
を使用し、lessは@
を使用します。
若干主観的な違いがいくつかあります。 このウェブサイト は「LESSにはもっとSassよりもユーザーフレンドリーなドキュメントがある」と主張していますが、個人的にはSassのドキュメントとサンプルは非常に使いやすいことがわかりました。
[〜#〜] scss [〜#〜]および[〜#〜] less [〜#〜] は両方ともバニラの「スーパーセット」です[〜#〜] css [〜#〜]。つまり、有効なCSSは自動的に有効なSCSSおよびLESSでもありますが、必ずしもその逆ではありません。
SCSSとLESSの違いは、構文が異なることです。ほとんどの機能は同じです。
SCSSとLESSの詳細についてはこちらをご覧ください こちら 。