时间戳

首页 > 解决方案 > SASS 新手 - 不编译

css - SASS 新手 - 不编译

问题描述

刚刚决定学习 SASS，除了一个非常基本的文件之外，非常简单的东西不会编译。

从字面上看，这是基本的：

$test: #ffffff;

命令：

sass test.sass

错误信息：

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

我不知道“预期”是什么意思 - 预期在哪里？

标签： csssass

解决方案

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

根据sass-lang.com。

Sass 有两种可用的语法。第一个，称为SCSS (Sassy CSS)，在本参考资料中使用，是 CSS 语法的扩展。这意味着每个有效的 CSS 样式表都是具有相同含义的有效 SCSS 文件。此外，SCSS 了解大多数 CSS hack 和特定于供应商的语法，例如 IE 的旧过滤器语法。这个语法通过下面描述的 Sass 特性得到了增强。使用此语法的文件具有 .scss 扩展名。

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

推荐阅读