このスタイルをその名も「nested」と呼びます。コンパイル時には、「nested」以外に3種類のスタイルを指定できます。expandedコンパイルするときのコマンド。スタイルのところに「expanded」を指定します。expandedコンパイル後のCSS。#e97300;}いつも見慣れた感じ。compactコンパイルするときのコマンド。compactコンパイル後のCSS。}ルールセットごとに改行。見やすといえば見やすい。「expanded」よりも少しファイルサイズを軽量化できます。compressedコンパイルするときのコマンド。compressedコンパイル後のCSS。p{background-color:#e97300}インデントや改行を排除。コメントもなくなります。ファイルサイズの軽量化を最優先したいときはこのスタイルで。最近はモバイルも意識して、よりサイトを高速化する必要があるので、最終的にはこのスタイルにするのが良いかもですね。いちいちコンパイルするのは面倒だから「−−watch」を使えば、コンパイルを自動化できます。開発途中に何度もコンパイルを繰り返すのは手間です。「−−watch」をコマンドに加えて入力すると、Sassファイルを監視。編集後に自動でコンパイルしてくれます。style.scss:style.css「style.scss」を更新すると、自動的に新たな「style.css」ができあがります。ファイルだけでなく、フォルダを監視対象にすることもできます。試してみるのが面白く、またターミナルの扱いにも慣れます。ターミナルはイヤターミナルの扱いにどうしても馴染めない場合は、直感的に操作できるアプリがおすすめ。コンパイルを簡単にするアプリがいくつかあります。これは「Koala」。コンパイルしたいSassを含むフォルダをドラッグ&ドロップ。フォルダに含まれるSassファイルが並びます。1コンパイルしたいSassファイルをクリックし、2自動でコンパイルするか選択、3スタイルを選択して【Compile】をクリックします。compilation.Scoutってのもあるちょっと古いですが、同じようなアプリをもう一つ。こっちも使い方は簡単で、1クリックしてフォルダを追加、2Sassファイルがあるフォルダ(input)とCSSファイルとして出力したいフォルダ(output)を選択し、3をクリック。hassle以上!ざっくりまとめるのは意外に難しいものですね。カラフルな図解付きで、解説の口調も柔らかく、分かりやすく楽しく学習できます。これからのWebデザインの現場で必須のCSSメタ言語こっちはKindle番。これからのWebデザインの現場で必須のCSSメタ言語ほな、ごゆるりと〜ついに再開!ウェブさえのHP作成サービスはこちら@websae2012さんをフォローシェアしてくれると嬉しいです!(コメントも喜ぶよ)Tweetあなたにはこんな記事もおすすめ!ブログのフォントをかわいく日本語Webフォントにする方法。重かったらごめんねこれ超簡単![WordPress対応]XMLサイトマップ登録法Webデザインにつきもの「Photoshopのガイド引き←ダルい><」を救う小さなテクニック。ブログに「いま読込んでますよー」と「リンク先はどこなの?」を知らせる機能をつけてみたそろそろmacもウイルス対策。セキュリティソフト『sophos』を試すトップページに戻るん?最新情報を見逃さない方法!?わざわざブログに来なくても、自動的にウェブさえの更新情報を受け取ることができます。休止していたウェブさえマガジンも最近再開しました。メールで受信できます。受信は無料で、いつでも解約できるので気軽に登録してみてください。株式会社ウェブさえの代表者です。フリーランスまで様々な職種業界の方が居て、挙げだすと切りがありません。皆様に本当に感謝しております。詳しい自己紹介はこちらへ。お問い合わせやご質問・ご相談はこちらへ。最近更新した記事ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。WordPressのスキルアップに最適。