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，粗体）为 “;”

知道发生了什么事吗？

see it on Codepen

Answer 1

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

我不知道SASS对CSS的向后能力，但是看看Codepen是否支持SASS： 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/isaacalves/pen/OWoQGP - 现在可以使用了。

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

即可

Answer 3

我只是把Sass与Scss混为一谈。

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

Codepen上的奇怪错误消息

3 个答案: