BEM嵌套SCSS与父选择器中断Sublime Text语法突出显示？

Question

我正在使用SCSS的项目上试验BEM语法。我的编辑器是Sublime Text 3，我使用SCSS语法高亮显示。

我遇到的问题是，当我按照this article by Mike Fowler使用&父选择器进行嵌套时，Sublime会将其突出显示为红色。这是一个例子：

代码编译得很好，我只是希望Sublime不会将这些标记为错误。

任何人都可以帮助配置Sublime吗？

Answer 1

我建议使用Syntax Highlighting for Sass包进行语法突出显示。使用它和Neon Color Scheme，它完全支持语法高亮显示Sass包中的所有范围（免责声明：我是主题的维护者），您的代码如下所示：

没有错误（绿色是类名，&被识别为特殊的SASS / SCSS符号）。我不确定您目前使用什么软件包进行SCSS突出显示，但它显然无法识别前导--个字符或前导__个字符后的任何字符为有效字符。切换到新的语法高亮包应该有帮助。

Answer 2

我通过选择View＆gt;语法＆gt; SASS＆gt; SCSS解决了这个问题，这显然是因为下载了原始的SASS包Sublime。