Sassファイルコンパイル時のアプトプットスタイルを指定する。US検索:トップページWEBデザイン事務所ハブワークスの『ハブログ』ホームページ制作_コーディングSassファイルコンパイル時のアプトプットスタイルを指定する。Sassファイルコンパイル時のアプトプットスタイルを指定する。LinkSassについては過去の記事で魅力について書いていますが、簡単に言えば、CSSをパワーアップさせてかなり便利に運用できるように拡張した言語です。そのかなり便利なSassですが、そのまま(拡張子が.scss)ではブラウザは認識できません。そのためCSSファイルにコンパイルする必要があります。}コンパイル後のファイルを見るとSassファイルのネスト(入れ子)構造に沿った形でインデントされて出力されています。コンパイル後にこのようにアプトプットされるスタイルをNestedといいます。1.NestedSassファイルのネスト(入れ子)構造に沿った形でインデントされます。見はネストされているような見た目ですね。このNestedスタイルがデフォルトになります。Sassを使用していない人にとっては少し違和感を感じるかもしれません。そんなときはアウトプットスタイルを指定して見た目を変えることができます。指定できるスタイルはデフォルトのNestedの他に以下のように3種類あります。2.Expandedセレクタや宣言ブロックの宣言を一行ずつ改行したスタイルです。Dreamweaverのコードフォーマットとほぼ同じスタイルですね。0;}3.Compactセレクタと宣言ブロックが一行になり、ルールセットごとに改行されます。}4.Compressedインデントや改行、コメントも削除されサイズの軽量化を優先します。.siteDescription{color:#fff;margin:0}このように4種類のアプトプットスタイルが指定できます。私はフリーランスなので通常一人で作業をしています。そのため、サイズの軽量化を優先させたCompressedを指定しています。Compressedを指定していると困ることがあります。それはWordPressを利用したウェブサイトの場合、コメント形式で記述されている「style.css」のヘッダ情報がコンパイル時に削除されるとテーマとして機能しないということです。そこでCompressedスタイルを指定してもコメントが削除されないようにするやり方があります。それは以下のように削除したくないコメントにある「/*」の直後に「!」を書きます。https://hubworks.jpVersion:1.0*/これで「style.css」必須のヘッダ情報が削除されずに残ります。ウェブデザイン事務所「ハブワークス」HP作成・リニューアルは福岡のハブワークスまでお気軽にお問い合わせください。ウェブサイト公開後の修正・更新もお任せください。フリーランスだからできるリーズナブルな料金設定でサービスをご提供いたします。十日恵比須神社の正月大祭。