2016-12-05 57 views
0

我试图在我的下一个项目(番茄钟)上第一次使用SASS。要开始我只想声明我的颜色变量并设置背景颜色。当我尝试应用样式时,出现此错误:试图声明SASS颜色变量并得到'无效的CSS'?

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

我的代码如下。

/*All variables declared*/ 
$japaneseIndigo: rgba(35, 61, 77, 1); 
$babyPowder: rgba(255, 255, 250, 1); 
$princetonOrange: rgba(254, 127, 45, 1); 
$yankeesBlue: rgba(28, 48, 65, 1); 
$mediumSpringGreen: rgba(24, 242, 178, 1); 
/*Apply styles*/ 
*{ 
padding: 0; 
margin: 0; 
box-sizing: border-box; 
} 
body { 
    background-color: $yankeesBlue; 
} 

我知道这是一个超级简单的问题,不应该需要这个论坛来回答,但我真诚地用Google搜索,并要求提供帮助的其他地方没有任何的运气。感谢您的帮助。

+0

是你想csslint你顶嘴:

对萨斯和SCSS之间的区别更多信息请参阅本?什么给你这个错误? – Punit

+0

说实话,我甚至不知道csslint是什么。我只是在CodePen上运行这个http://codepen.io/jrandall/pen/NbyVod –

回答

1

您使用的是sass或scss?我不认为你可以使用';'在.sass文件中。 从这里得到:Sass Invalid CSS Error: "expected expression" 而且双重检查:http://sass-lang.com/guide

+0

哦,我的天啊。我刚刚为SaSS做了一个简单的CodeAcademy介绍,他们可以互换使用SaSS/SCSS。事实上,整个“学习SaSS”课程实际上是一个“学习SCSS”课程。感谢您的帮助 –

+2

Ahah在计算器中为我赢得了良好声誉;) –

+0

此外,scss在过去几年中变得比sass更受欢迎,但它通常被称为sass。所以这种混乱并不令人惊讶。 –

1

在Codepen中,将您的预处理器从Sass更改为SCSS。 What's the difference between SCSS and Sass?

+0

谢谢。我没有意识到做了一个简单的Codeacademy简介课程之后有什么区别,这个课程真的很差,名为“Learn SaSS”。它像SaSS一样遵循类似Python的约定,而SCSS更类似于JS –