VSCode中textMateRules配置无法重着色HTML src属性文本怎么办

TextMate语法高亮的scope匹配规则是细粒度内层token优先级永远高于外层结构token：
你用Developer: Inspect Editor Tokens and Scopes命令查到的scope列表，本身就是按优先级从高到低排的，最顶上的string.quoted.double.html是src属性值对应的最细粒度token，你当前用的主题早就给这类字符串token设了固定前景色。
你配置里写的meta.attribute.src.html是外层的结构性scope，只是用来标记「这一整段属于src属性的代码范围」，不直接对应最终渲染的文本片段，匹配权重比内层的字符串token规则低，所以你设的红色会被默认的字符串样式盖掉，看起来就是规则没生效。
另外你贴的配置里"foreground": "#ff0000",末尾多了个尾逗号，如果你的settings.json是标准JSON格式（没开JSONC支持），这个语法错误会直接导致整条配置加载失败，记得删掉。

把scope选择器写得更精准，同时命中父级src属性scope和内层字符串scope，把规则权重提上去就能覆盖默认样式，改完的配置如下：

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "meta.attribute.src.html string.quoted.double.html",
            "settings": {
                "foreground": "#ff0000"
            }
        }
    ]
}

如果你还要适配单引号写的src属性值，把单引号对应的scope也加进选择器就行，多个scope用逗号分隔：

"scope": "meta.attribute.src.html string.quoted.double.html, meta.attribute.src.html string.quoted.single.html"

别直接单独写string.quoted.double.html当匹配规则，不然所有双引号字符串都会变成红色，前面带上meta.attribute.src.html前缀才能保证规则只改src属性里的内容，不会影响其他代码的高亮。

内容的提问来源于stack exchange，提问作者Blake Giunta