如何在VSCode中用TextMate匹配表达式指定Token高亮并配置CSS #Region样式

我想在CSS代码里用#region功能，还得在VSCode的settings.json里给它整个更醒目的样式。但碰到个麻烦：#region注释和普通CSS块注释共享顶级TextMate scope——comment.block.css，我要实现的是：只给属于comment.block.css但不属于meta.property-list.css范围的注释（也就是#region注释）应用样式。我知道这事能成，但就是没找到具体怎么配。

说起来有意思，本来应该能像用CSS选择器那样，针对CSS代码里的特定部分设样式。我照着CSS优先级逻辑试了：先通过comment.block.css设#region的样式，再用更具体的meta.property-list.css来重置普通注释的样式（利用settings.json里后面的配置覆盖前面的规则），结果失败了——后面的样式直接把前面给#region设的样式也覆盖了。

相关参考信息 #

• #region注释的TextMate scope：仅包含comment.block.css
• 普通CSS块注释的TextMate scope：同时包含meta.property-list.css和comment.block.css
• 目标配置位置：VSCode的settings.json中的editor.tokenColorCustomizations配置项
• 失败的尝试配置：先定义comment.block.css的样式（比如背景色、字体颜色），再定义meta.property-list.css comment.block.css的样式试图覆盖普通注释，结果所有块注释都变成了后者的样式

内容的提问来源于stack exchange，提问作者Konrad Entner