ホームページ > ウェブフロントエンド > htmlチュートリアル > Sass アノテーション: /* */ および //_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 08:54:17
オリジナル
968 人が閲覧しました

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. */
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート