Sass アノテーション: /* */ および //_html/css_WEB-ITnose

Sass 公式ドキュメントからの翻訳: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#comments

Sass は、/ を含む標準 CSS 複数行コメントをサポートしています。 * */ および単一行コメント //。可能な限り、複数行のコメントは出力 CSS に保持されますが、単一行のコメントは削除されます。 例:

/* This comment is * several lines long. * since it uses the CSS comment syntax, * it will appear in the CSS output. */body { color: black; }// These comments are only one line long each.// They won't appear in the CSS output,// since they use the single-line comment syntax.a { color: green; }

は次のようにコンパイルされます:

/* This comment is * several lines long. * since it uses the CSS comment syntax, * it will appear in the CSS output. */body {  color: black; }a {  color: green; }

複数行のコメントの最初の文字が ! の場合、コメントは常に出力 CSS に保持されます。 if 圧縮出力モードの場合。これを使用して、生成された CSS に著作権表示を追加できます。

補間を使用すると、変数値を複数行のコメントに出力できます。例:

$version: "1.2.3";/* This CSS is generated by My Snazzy Framework version #{$version}. */

は次のようにコンパイルされます:

/* This CSS is generated by My Snazzy Framework version 1.2.3. */