SASS：保留评论位置答案

【问题标题】：SASS: preserve comment positionSASS：保留评论位置
【发布时间】：2015-06-12 08:39:18
【问题描述】：

我最近决定使用RTLCSS 来制作我的样式表的 RTL 版本。现在我正在尝试使用 声明级指令 来告诉 RTLCSS 要做什么，但是 SASS 将我的 cmets 编译到下一行。

例如，font-size: 14px/*rtl:15px*/; 编译为

font-size: 14px;
/*rtl:15px*/

这会阻止 RTLCSS 正确处理它。有没有解决的办法？我可以将 sass 配置为按原样编译值，保留注释位置吗？

附：我使用 grunt-sass(node-sass) 来处理我的 scss 文件。

【问题讨论】：

【解决方案1】：

使用 SASS interpolation 语法，将您的评论作为字符串传递

body{ font-size: 14px #{"/*rtl:15px*/"}; }

会产生

body { font-size: 14px /*rtl:15px*/; }

【讨论】：

【解决方案2】：

支持标准 /rtl:.../ 和特殊/重要 /!rtl:.../ 符号。

您可以使用 /!rtl: 来逃避 sass 编译器

【讨论】：