SASS嵌套注释

Question

我有一个看起来像这样的 SCSS 文件：

.seletor{

    /* comment 1 */
    .sub-selector{

    }

    /* comment 2 */
    .sub-selector{

    }

}

在编译时，我遇到了这个问题。

.seletor {
font-size: 8px;}
/* comment 1 */
/* comment 2 */ } 
.seletor .sub-selector {
  font-size: 8px; } 
.seletor .sub-selector {
  font-size: 8px; }

What i want to get it is

.seletor {
font-size: 8px;}

/* comment 1 */ 
.seletor .sub-selector {
  font-size: 8px; } 

/* comment 2 */
.seletor .sub-selector {
  font-size: 8px; }

那么注释必须恰好处于我在 SCSS 文件中编写的位置。我该如何实现这一点？

- user3213174

Answer 1

很遗憾，似乎不可能做到。我想知道为什么你希望评论以那种方式输出呢？一般来说，sass 的强大之处在于可以使您的工作文档可读，并将实际最终产品压缩。

一些参考资料：

如果您正在使用 Compass，请查看 line_comments：
http://compass-style.org/help/documentation/configuration-reference/

这将给你一个像这样的输出：

/* line 1, sass/file.scss */
.selector { font-size: 8px; }

否则，如果您需要对您的工作文档进行注释，并且不希望它们出现在输出的奇怪位置，请使用 // 而不是 /* */。

- jassok

---

是的，似乎没有办法做到这一点。我需要添加这些注释，因为它是一个HTML模板，人们将在没有Sass的情况下进行编辑。谢谢。 - user3213174

Answer 2

你可以像这样在Sass中分隔项目：

/* comment 1 */
.seletor{
    .sub-selector{

    }
}

/* comment 2 */
.seletor{
    .sub-selector{

    }
}

那么您的评论将被尊重，而不会改变立场。
因此，这仅适用于重要评论，而不是很多评论。

- David