当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
Sass支持标准的css多行注释 /* */ ,以及单行注释 / / /* */ 会出现在编译后的css文件中 / / 不会出现在编译后的css文件 例如: /* This comment is * several lines long. * since it uses the CSS comment syntax

 

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

网友评论