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 (扩展的类似脚本语言的功能)》

posted @ 2019-10-15 14:21  王维璋  阅读(598)  评论(0编辑  收藏  举报