css - css、less、Sassをどこで使用するかを知る方法は？

Question

HTML、CSS、jQueryの知識があります。最近、私はSass以下について知っていました。どちらもスタイルシート言語であるため、CSSはすでに存在し、すべてのWebサイトでも広く使用されているため、どちらを使用するかについて少し混乱しています。それで、その特定の分野でこれら（Less、Sass）をどこで使用するかを知る方法。

もう1つの疑問は、デフォルトのCSSの代わりにWordPressでSassとLessを使用しても問題ないかということです。

Answer 1

zzzzBovが言ったように、LESSとSASSはcssプリプロセッサです。

基本的に、1つを選び、その言語でスタイル定義を記述します。完了したら、プリプロセッサを介して実行すると、通常のCSSファイルが生成されます。その通常のファイルは、サイトで使用するものです。

一般的なCSSに慣れるまで、SASS/LESSまたはその他のプリプロセッサの使用をスキップすることを強くお勧めします。

---

LESSについてもう少し情報。

LESSは、実際のプリプロセッサとして事前に実行することも、less.jsファイルと.lessファイルをリンクしてブラウザに実行させることもできます。ブラウザにそれをさせることの問題は、あなたのサイトを正しくレンダリングするために、あなたのサイトにヒットするすべてのブラウザが、すべてのページについて、cssを「再コンパイル」しなければならないということです。あなたがあなたのサイトにぶつかるコンピュータを完全に制御できないことを考えると、これは一部の人々の観点から「遅い」サイトをもたらすかもしれません。

さらに、そのjavascriptは一部のブラウザでのみ機能し、その有用性をさらに制限します。

率直に言って、CSSは、一般的に1つのサイトに一度設定し、1年以上放置するものの1つです。だから、それは単にそれだけの価値がないかもしれません。

Answer 2

SASSとLESSは、プリプロセッサを介してCSSに変換される2つのドメイン固有言語です。プリプロセッサは、Javascriptでクライアント側を実行することも、PHP、Node.js、Railsなどを介してサーバー側で実行することもできます。

SASSまたはLESSのいずれかが新しいプロジェクトに最適です。または、いずれかのテクノロジーを使用するフレームワークを使用している場合。（BootstrapやRailsなど）。

純粋なCSS（Wordpressなど）を使用する既存のWebサイトを変更する場合は、ほとんどの場合、既存のスタイルを拡張して構築する必要があります。プレーンなCSSとSASS/LESSを混在させることは、特にテクノロジーを学んでいるだけの場合は混乱する可能性があります。

Answer 3

どちらも仕事を簡単にするためにここにあります//時間を節約し、CSSを読みやすくします。変数やミックスインなどを作成できるため、使用した色/マージンや特定の値を忘れることはありません。

提供されている機能のいずれかを利用できると思われる場合は、それを使用しないのはなぜですか。それらを使用することは必須ではありません。私が作成するすべてのプロジェクトにCSSを使用するわけではありません（ただし、大部分は）。試してみてください。基本的な機能を理解するのに1時間以上かかることはありません。