2011-12-11Sassにはいくつかの出力形式がありますが、今回はcompressedについてです。どのように出力されるのか見ていきます。0;padding:0px;border:none;background-color:black;color:#ffffff}余計な改行や空白は削除されます。>)の前後には空白が挿入されます。最後のプロパティのセミコロン(;)や余分なセミコロンが削除されます。カラーコードは6桁のまま出力されます。Mixinを通したものはどの出力形式でも条件によって出力される値が変わります。rgbは可能なものはカラーコードに変換されます。0pxは0にはならず、そのまま0pxで出力されます。noneは0にならず、そのままnoneで出力されます。0.5emは.5emにはならず、そのまま0.5emで出力されます。空の宣言ブロックは出力されません。element{width:100px}CSSコメントは削除されます(Sassコメントはどのコンパイル形式でも削除されます)。「/*!」から始まるCSSコメントはそのまま残ります。セレクタ部分に入れた場合は削除されます。コメント(「/*!」から始めたコメントも)が削除されるので、次に挙げるハックは使用できません。/**/などコメントの削除には例外があります。プロパティの後ろにいれたコメントは削除されないので、次に挙げるハックは使用することができます。IE7,8,9}CSSselector{color/**/:red;color/*\**/:green\9}ほかのハックはどうでしょうか。element{color:red}問題なし。IE6}CSSselector{_color:red}問題なし。element{color:red}問題なし。IE6,7}CSSselector{*color:red}問題なし。IE6,7}エラーになります。