青色が表示されている部分はすべて変数@color1を値として使用しています。
赤色が表示されている部分は変数@color1の値を変更した場合の比較サンプルです。同時表示の都合で、実際は変数@color2を使用しています。
less.jsを使ったLESSの表示テスト（２）-１
LESSとCSSの比較
- 構造化して、分かりやすく表現できる。
- 親要素の繰り返し記述を省略して、シンプルに表現できる。
- 変数が使える。
- 関数的な使い方ができる。
- 値に計算式が使える。
このページのスタイルはLESSのみで、CSSは使用していません。