気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
最低限おさえておくべき6つの記法 前回はLESSが解決してくれる悩みと、less.jsの利用法をご紹介しました... 最低限おさえておくべき6つの記法 前回はLESSが解決してくれる悩みと、less.jsの利用法をご紹介しました。 今回はいよいよ実際にLESSを書いていきましょう。 とはいえ、LESSの記法の中でもよく使われるものと、あまり使われないものがあります。今回は初級編として、LESSを使うなら必ず覚えておきたい記法と、その活用法、注意点などを見ていきましょう。 LESSで基本として押さえておくべきは下記6点です。 ネスト 変数 ミックスイン 演算 コメント インポート これだけでもCSSのコーディング速度が1.5倍くらいになり、十分にLESSの恩恵にあずかれます。 順番に見ていきましょう。 なお、コードの見かたは以下のとおりです。 ネスト ～CSSのセレクタを入れ子にする ネストとは、以下のようにCSSのセレクタをどんどん入れ子にして書いていくことです。 // LESS #header { h1
gihyo.jp
gihyo.jp
gihyo.jp
gihyo.jp
gihyo.jp
qiita.com/zazen_inu
qiita.com/zazen_inu
note.com/alison_airlines
www.nishinippon.co.jp
togetter.com
speakerdeck.com/madoxten
azukiazusa.dev
www.itmedia.co.jp
gigazine.net
zenn.dev/suthio
www.yomiuri.co.jp
2012/06/18 リンク