css - Atom 无法识别 CSS 网格命令 "justify-items"和 "justify-self"。为什么？

Question

由于某些奇怪的原因，atom 无法识别 css 网格中使用的 justify-items 和 justify-self 命令。有谁知道这是为什么，是否有解决办法？

.container {
  display: grid;
  grid-template-columns: [page-start] 1fr [content-start] 80vw [content-end] 1fr [page-end];
  grid-template-rows:
    [header] 5vh [home] 50vh [about] 5em [empty-start-one] 50vh
    [empty-end-one] 5em [services] 50vh [portfolio] 50vh [contact] 5em
    [empty-start-two] 30vh [footer] 10vh [footer-end];
}

<div class="container">
  <div class="box header">
</div>

Answer 1

这是一个 Less 文件吗？

此突出显示由当前文件可识别语言的语言插件控制。 language-css 和 language-postcss 的当前版本支持这些属性，因此它们应该为您的语法高亮主题提供正确的钩子(Hook)以正确地为它们着色。但是，我注意到 language-less 包不支持它们。

您通常可以在屏幕底部的工具栏中看到当前文件设置为哪种语言。它显示在右下角，在文件的字符编码旁边。