吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

コメントについて

2014年2月27日 / category : reference-sass, sass

Sassで使えるコメントについて紹介します。

1行コメントはコンパイル時に削除されます。

Sass
div{
	_height: auto;//IE6対応
}
CSS – コンパイル後
div {
  _height: auto;
}

通常のコメントはコンパイル時にも残りますが、コンパイルのフォーマットが「compressed」だと削除されます。

Sass
div{
	_height: auto;/*IE6対応*/
}
CSS – コンパイル後
div {
  _height: auto;
  /*IE6対応*/
}

コンパイルのフォーマットが「compressed」でもコメントを残したい場合は、「/*」の直後に「!」を付けます。

Sass
div{
	_height: auto;/*!IE6対応*/
}
CSS – コンパイル後
div{_height:auto;/*!IE6対応*/}