SASS 嵌套评论答案

【问题标题】：SASS Nested CommentsSASS 嵌套评论
【发布时间】：2014-08-28 17:28:15
【问题描述】：

我有一个像这样的 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; }

我想得到的是

.seletor {
font-size: 8px;}

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

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

所以 cmets 必须是我在 scss 文件中写入的确切位置。我如何实现这一目标？

【问题讨论】：

标签： css sass comments

【解决方案1】：

你可以像这样分隔 sass 中的项目：

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

    }
}

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

    }
}

那么您的 cmets 将在不改变位置的情况下受到尊重。
因此，它只适用于重要的 cmets，而不适用于许多人。

【讨论】：

【解决方案2】：

不幸的是，这似乎是不可能的。我想知道您为什么希望 cmets 像这样输出？一般来说，sass 的强大之处在于让您的工作文档可读，并压缩实际的最终产品。

一些参考资料：

如果您使用的是指南针，请查看line_comments:
http://compass-style.org/help/documentation/configuration-reference/

这会给你一个这样的输出：

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

另外，如果您需要注释您的工作文档，并且不希望它们出现在输出中的奇数位置，请使用 // 而不是 /* */

【讨论】：

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