原子中的未知屬性“網格模板列”

Question

我是 CSS 和 Web 開發的新手。 我正在嘗試學習 Atom，但它不允許我編譯 CSS 代碼。 我相信代碼本身沒有問題，因為它在在線編輯器上運行良好。 但是 atom 給了我Unknown property 'grid-template-columns'消息。

任何幫助，將不勝感激。

<div class="wrapper">
  <div class="box a">A</div>
  <div class="box b">B</div>
  <div class="box c">C</div>
  <div class="box d">D</div>
  <div class="box e">E</div>
  <div class="box f">F</div>
</div>

CSS 樣式表：

body {
  margin: 40px;
}

.wrapper {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  background-color: #fff;
  color: #444;
}

.box {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
}

Answer 1

我將假設您使用linter-csslint ，它會在屏幕截圖上輸出警告。 不幸的是，它不支持現代 CSS 功能，例如網格。 原因可能是它對 CSSLint 的依賴，它已經多年沒有更新了。 您可能應該使用不同的linter ，例如基於stylelint 的 linter 。