【sass的注释 /* */ 与 // (Comments: /* */ and //)简介以及使用方法】

在Sass（Syntactically Awesome Stylesheets）中，有两种类型的注释，它们分别是：

1. 多行注释（Multi-line comments）: 使用 /* */ 包裹的注释。
2. 单行注释（Single-line comments）: 使用 // 开始的注释。

多行注释 /* */

多行注释可以跨越多行，并且会被Sass编译器保留在生成的CSS文件中，除非使用--compressed选项编译Sass文件。多行注释通常用于描述Sass代码块、函数或混合（mixins）的用途或工作原理。

示例：

/* 这是一个多行注释
   它描述了以下样式块的用途 */

.button {
  background-color: blue;
  color: white;
  padding: 10px 20px;
}

在上面的例子中，多行注释解释了.button样式块的用途。当Sass文件被编译为CSS时，这个注释也会被保留在生成的CSS文件中（除非使用了压缩选项）。

单行注释 //

单行注释仅适用于一行，并且在使用--compressed选项编译Sass文件时，它们会被Sass编译器忽略，不会出现在生成的CSS文件中。因此，单行注释通常用于临时性的注释、调试信息或不需要出现在最终CSS文件中的注释。

示例：

// 这是一个单行注释
// 它描述了下面的样式规则是临时的

.temp-class {
  // 这也是一个单行注释，它描述了下面的属性是临时的
  border: 1px solid red;
}

在上面的例子中，单行注释解释了.temp-class样式规则是临时的，并且border属性也是临时的。当Sass文件被编译为CSS时（特别是使用压缩选项时），这些注释不会出现在生成的CSS文件中。

使用方法

• 多行注释：使用 /* 开始，并使用 */ 结束，可以跨越多行。
• 单行注释：使用 // 开始，仅适用于当前行。

在编写Sass代码时，请根据注释的重要性和是否需要出现在最终CSS文件中来选择使用哪种类型的注释。