CSSプリプロセッサは現在、Web開発の中心的存在となっています。それはウェブ開発者が構築することを可能にするVariables、Functions or Mixin、およびOperationのようなプログラミング特性を持つプレーンCSSを出荷します モジュール式、スケーラブル、そして管理しやすいCSSスタイル. この記事では、最も普及しているCSSプリプロセッサの1つであり、Bootstrapなどの多数のフロントエンド・フレームワークに広く採用されているLESSについて説明します。私達はまた歩く 基本的なユーティリティ、ツール、そしてあなたがLESSであなたを稼働させるのを助けるためのセットアップ. コンパイラ まず始めに、コンパイラを設定する必要があります。 LESS構文は、W3C仕様に準拠しているので標準的ではありません。 CSSに似た特性を継承しているにもかかわらず、ブラウザは出力を処理およびレンダリングできません。. これがLESSコードを垣間見ることができます: @カラーベース:#2d5e8b。 .class1 background-color:@ color-base; .class2 背景色:#fff;色:@カラーベース。 コンパイラはコードを処理し、LESS構文をブラウザ準拠のCSS形式に変換します。 .class1 背景色:#2d5e8b; .class1 .class2 background-color:#fff;カラー:#2d5e8b。 CSSをコンパイルするためのツールはたくさんあります。 JavaScriptを使う LESSには less.js あなたのウェブサイトに配置するのが本当に簡単であるファイル。でスタイルシートを作成する .もっと少なく 拡張子を使用してドキュメント内でリンクします。...