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;
}

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

Invalid CSS after "100px": expected expression (e.g. 1px, bold), was ";"

知道发生了什么吗？

see it on Codepen

Answer 1

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

我不知道 SASS 到 CSS 的后向能力，但看到 Codepen working with SASS enabled: 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