最低限おさえておくべき6つの記法 前回はLESSが解決してくれる悩みと、less.jsの利用法をご紹介しました。 今回はいよいよ実際にLESSを書いていきましょう。 とはいえ、LESSの記法の中でもよく使われるものと、あまり使われないものがあります。今回は初級編として、LESSを使うなら必ず覚えておきたい記法と、その活用法、注意点などを見ていきましょう。 LESSで基本として押さえておくべきは下記6点です。 ネスト 変数 ミックスイン 演算 コメント インポート これだけでもCSSのコーディング速度が1.5倍くらいになり、十分にLESSの恩恵にあずかれます。 順番に見ていきましょう。 なお、コードの見かたは以下のとおりです。 ネスト ~CSSのセレクタを入れ子にする ネストとは、以下のようにCSSのセレクタをどんどん入れ子にして書いていくことです。 // LESS #header { h1
![第2回 LESS記法を身につける(初級編) | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/de87857fcae55f91cbd3099c1613b0b669c05940/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2012%2F968_less.png)