css - Codepen 上的奇怪错误消息

Question

我在 Codepen 上有这个代码：

body {
  width: 100px;
  height: 100px;
  background-color: #eee;
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size: 60px 60px;
  background-position:0 0, 30px 30px;
}

出于某种原因，我收到此消息：

“100px”后的无效 CSS：预期的表达式（例如 1px，粗体）是“;”

知道发生了什么吗？

在 Codepen 上查看

Answer 1

使用 SASS 时，您不需要任何大括号或分号。您还必须摆脱逗号分隔值中的任何换行符。

我不知道 SASS 到 CSS 的向后能力，但请参阅启用 SASS 的 Codepen： http ://codepen.io/anon/pen/ygxKvK

body
  width: 100px
  height: 100px
  background-color: #eee
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),  linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black)
  background-size: 60px 60px
  background-position: 0 0, 30px 30px

Answer 2

http://codepen.io/isaacallves/pen/OWoQGP - 现在可以了。

只需将 CSS 预处理器设置设置为SCSS

Answer 3

我只是将 Sass 与 Scss 混淆了。

http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better