html - CSS 网格 - 为什么 "justify-items"变灰但有效？

Question

经过相当长一段时间的实验以实现我想要的效果后，我终于在 .div 中使用 justify-items: center; 和 display:网格；

但是，我从未尝试过这样做的原因是，如果我输入 justify-items: center; 它会变灰，就像输入错误的语法一样。我正在使用 atom

我可以忽略这个吗？我一直认为灰色代码表示错误(或“未知”)语法

抱歉，如果这是一个非常基本的问题，但我很困惑，因为我一周前才开始接触前端，但没有找到任何相关信息

编辑:

看起来像这样:

.div {
  grid-column: 2/3;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto;
  justify-items: center;
}

在 Atom 中，justify-items: center; 变灰但有效

Answer 1

只是 css 语法高亮插件不完整(甚至有一个拉取请求来添加对 https://github.com/atom/language-css/issues/131 的支持)。

不要使用语法高亮作为判断对错的引用，它只是一个提供可视化指示器的插件，有人写来辅助，而不是引用，使用适当的引用，如 https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items相反，当有疑问时。