新的SASS - 不编译

时间:2018-05-17 13:42:06

标签: css sass

刚刚决定学习SASS,非常简单的东西,除了一个非常基本的文件将无法编译。

这是基本的:

$test: #ffffff;

命令:

sass test.sass

错误讯息:

error: expected "
".
$test:#ffffff;
             ^
  test.sass 1:14  root stylesheet

我不知道预期的意思是什么 - 预计会在哪里?

1 个答案:

答案 0 :(得分:3)

请将展开test.sass更改为test.scss。你很高兴。 100%:)

根据sass-lang.com

  

Sass有两种语法可供使用。第一种,称为 SCSS   (Sassy CSS)并在此引用中使用,是一个扩展   CSS的语法。这意味着每个有效的CSS样式表都是有效的   SCSS文件具有相同的含义。此外,SCSS最了解   CSS hacks和特定于供应商的语法,例如IE的旧过滤器语法。   使用下面描述的Sass功能增强了此语法。档   使用此语法的扩展名为.scss。

     

第二个和更早的语法,将称为缩进语法(或   有时只是“Sass”),提供了一种更简洁的CSS编写方式。它   使用缩进而不是括号来表示嵌套   选择器和换行符而不是分号来分隔属性。   有些人发现这比阅读起来更容易,写得更快   SCSS。缩进语法具有所有相同的功能,尽管有些   他们的语法略有不同;这是在缩进中描述的   语法参考。使用此语法的文件具有.sass扩展名。