SASS 里面有三种注释，多行注释，单行注释，还有强制的注释，多行注释在会在编译输出的 CSS 文件里面保留，不过在压缩输出的 CSS 里面会被去掉。SASS 里面的单行注释不会出现在 CSS 里面。强制的注释，就是注释内容的第一个字符使用 ! 号的多行注释 ... 这样的注释内容会一直出现在 CSS 文件里。下面，我们去试一下。

先添加一个多行注释，多行注释就是使用一个 /* 开始 ... 注释结束的地方用 */ ... 在 Atom 编辑器里，可以使用快捷键 command + / ，Windows 上应该是 ctrl + / 来添加这样的注释 ...

/* 多行注释
* 会包含在没有压缩之后的CSS里面
*/

保存 ... 在输出的 CSS 文件里面，你会看到多行注释的内容 ... 因为我们现在用的是 expanded 这种方式输出的 CSS ... 所以多行注释的内容也会被包含在 CSS 文件里面。

下面，再去试一下单行注释 ... 在 SASS 里面，单行注释的内容可以使用 // 开头 ...

// 单行注释不会出现在 CSS 里面

保存 ... 在输出的 CSS 里面，不会包含这样的单行注释的内容 ... 下面，我们再去修改一下 CSS 的输出的方式 .. 回到命令行 .. ctrl + C .. 停止一下 ... 然后再去执行这行命令 .. 修改一下输出的 CSS 的样式 ... 这里我们用 compressed ... 回车 ...

回到编辑器 ... 保存 ... 现在用的是压缩的方式输出的 CSS ... 这样就会去掉所有的注释内容 ... 不过，如果你仍然想在这种形式的 CSS 里面添加点注释内容 ... 你可以使用带叹号的多行注释 ... 这个注释的内容的第一个字符要用 ! 号开头 ...

/*!强制输出的注释内容*/

再保存一下 ... 在输出的 CSS 里面，会包含这样的注释内容。