*/と//を使うことが出来ます。//はコンパイル後、作成されたCSSではコメントとして表示されません。値をスペースやカンマで区切って並べたものコンパイルするメタ言語なのでコンパイルしなくちゃいけません。作成する好きなところ(C:\Users\(UserName)直下に今回は作成しました。)にSassDirというディレクトリを作成し、sassフォルダとcssフォルダを作成します。sassフォルダ内にstyle.scssファイルを作成しエディタで開き、作業開始です。style.scssには、このような感じで書いてみました。ファイルが完成したら、いよいよstyle.scssをコンパイルしてstyle.cssファイルを作ります。ファイルの指定はコマンドラインのルートからのパスになるので、まずディレクトリの移動をします。Windowsの場合、コマンドラインを起動するとC:\Users\(UserName)>になっていると思うので、これをC:\Users\(UserName)\SassDir>としたいと思います。出来上がったファイルをコンパイルします。sass/style.scss:css/style.cssCSSフォルダにstyle.cssファイルが作成されていると思います。出来上がりのCSSの中身はこのようになります。css/style-min.cssWatchSCSSファイルの変更がある度に、コマンドを実行するのは面倒です。そこでSassではファイルの更新を監視して、変更があった時に自動でコンパイルしてくれるコマンドWatchを使います。sass/style.scss:css/style.css既に同名のファイルが存在する場合は上書きになります。監視を終了する場合はWindowsもMacもCtrl+Cです。アプリを使えばこういった手間がなくなるのでとてもいいのですが、いざアプリがない場合の環境で使うことになったときを考えると、きちんと覚えておこうと思います。最後にドットインストール全15回あります。本当に無料でいいんですか?と毎回ここへ来るたび思い、感謝しているドットインストールのSassレッスンを受けました。画像を使わないで、CSSを使ってグラデーションする!!(IE対応)おすすめ書籍HTML+CSSデザイン|基本原則、これだけ。Siteこのサイトは、WEBについての情報を発信していくプライベートブログです。技術的なことやWEBサービスについて等、『こんなのあったんだ』や『これ楽しそう』なことを書いていこうと思っています。ご意見・ご要望・ホームページの制作などお仕事の依頼等は、お問い合わせページよりお気軽にご連絡ください。Twitterブログ更新情報や気になることをツィートしています。