Sublime Text 3 - 编辑语法高亮

Question

我需要为php（或者html）编辑语法高亮。我开始使用html注释来优化移动视口中的网页加载。我只是注释掉了部分html代码，我不希望在移动版本上看到，然后在桌面版本javascript中取消注释该部分代码。它看起来像这样：

<!-- @media only all and (min-width:400px)
    <p>
        <h2>Hello World !!</h2>
    </p>
-->

Sublime文本自然会将代码视为评论 - 在我的主题中它将以深灰色显示。

我需要的是，当我使用普通评论时，它将是灰色的，但是当我使用这个特殊评论（<!-- @media ...）时，它不会像评论那样表现并显示标签的正常html hightligts。 / p>

我已经找到了如何使用PackageDev更改语法和主题文件。我只是不知道究竟写到这些文件是什么。如果我需要更改php语法或html语法，因为它是用PHP文件编写的html。

Answer 1

好的，我终于成功了。我将此代码添加到html.sublime-syntax中，它必须在注释定义之前。

- match: '<!-- @media'
  scope: markup.other.html
  push:
    - meta_scope: markup.other.html
    - match: '--'
      pop: true

- match: '-->'
  scope: markup.other.htm