vim - 如何在 gvim 中对 CSS 的 id 和类进行不同的着色

Question

我使用 gvim 和 vim 并且非常喜欢它。但是，我有一个讨厌的地方。我喜欢在 CSS 文件中对 #id 和 .class 进行不同的着色，目前 #value 和 .value 都是颜色相同。

我想在 gvim 和 vim 中使 ids 和 classes 的语法颜色不同，这样我就可以得到关于什么是 class 和 id 的视觉反馈。如何实现？

Answer 1

将此命令添加到您的 .vimrc:
:hi link cssClassName 类型

为什么会这样:

首先，您需要找到您正在使用的项目的语法组名称。
您可以通过将光标放在语法突出显示的区域上并运行命令来执行此操作:
:echo synIDattr(synID(line("."), col("."), 1), "name")

您应该为 #id{...} 和 .class{...} 获取 cssIdentifier 和 cssClassName/分别。

然后您可以使用 :highlight cssIdentifier 和 :highlight cssClassName 查看它们链接到哪个高亮组。您可以使用 :highlight 查看整个高亮集。

默认情况下，它们都链接到函数。最好的解决方案可能是将 cssClassName 链接到 Type 语法组。您应该能够使用任何配色方案并且它仍然有效:
:hi link cssClassName 类型

如果将它添加到 .vimrc，vim 将使用该链接而不是 css 语法文件中定义的链接。