4、SASS - 注释 /* */ 与 //

前端之家收集整理的这篇文章主要介绍了4、SASS - 注释 /* */ 与 //前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

 

Sass支持标准的css多行注释 /* */ ,以及单行注释 / / 

  • /* */ 会出现在编译后的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; 
}

 

插值语句 #(变量) ============  #($version:“1.2.3”);可以在多行注释中输出变量值。例如:

$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. */

 

 

下一篇文章我们介绍 《 SASS - SassScript (扩展的类似脚本语言的功能)》

@H_502_102@

猜你在找的CSS相关文章