SASS：保留评论职位

Question

我最近决定使用RTLCSS制作我的样式的RTL版本。 现在我尝试使用声明级指令告诉RTLCSS该怎么做，但是SASS会将我的评论编译到下一行。

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

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

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

P.S。我使用grunt-sass（node-sass）来处理我的scss文件。

Answer 1

使用SASS interpolation语法，将评论作为字符串

传递

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

将产生

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

Answer 2

  

支持标准/rtl:.../和特殊/重要的/!rtl:.../表示法。

您可以使用 /！rtl： 逃脱sass编译器

Documentation