如何在 CSS 中设置注释突出显示？

你想做的事情确实需要你编写自己的语法，但它不是很复杂。您可以扩展现有的 CSS 语法，只需更改这一部分。

根据 Babel，这些注释标签的范围应该是 。因此，使用 ，创建以下内容：entity.other.attribute-name.documentationTools > Developer > New Syntax

Packages/User/CommentTagsCSS.sublime-syntax

%YAML 1.2
---
name: CommentTagsCSS
scope: source.css
version: 2

extends: Packages/CSS/CSS.sublime-syntax

file_extensions:
  - css

contexts:
  comments-content: # The appropriate context from CSS.sublime-syntax
    - meta_append: true
    - match: "@[a-z]+"
      scope: entity.other.attribute-name.documentation.css

打开 CSS 文件时，可以使用窗口右下角的菜单将语法设置为 。如果您希望这始终是 CSS 语法，请在同一菜单中使用。User > CommentTagsCSSOpen all with current extension as…

接下来，如果您想保留当前的配色方案，但仅对这些标签使用不同的颜色，ST可以简化创建必要文件的过程。您只需使用菜单项（在 macOS 上）。这将打开一个拆分窗口，左侧是当前方案，右侧是该方案的自定义设置，并正确命名和放置。使用右手边的可以根据需要修改方案。所以就把它放在右边：SublimeText > Preferences > Customize Color Scheme

// Documentation at https://www.sublimetext.com/docs/color_schemes.html
{
    "variables": {},
    "globals": {},
    "rules": [
        {
            "name": "JSDoc comment tags",
            "scope": "entity.other.attribute-name.documentation.css",
            "foreground": "color(var(green))"
        }
    ]
}

如果您还想更改 Babel JS 文件的颜色，请从上面删除。.cssscope

有关此内容和语法扩展功能请求的更多信息，请参阅 Sublime 论坛上的此主题。