Sass 预处理

CSS 足以处理简单的样式表，但如果样式表更大更复杂，则更难维护。 预处理器可以帮助解决这个问题。 Sass 提供了一些 CSS 中没有的扩展功能，例如变量、嵌套、混入、继承以及其他使其能够处理所有类型样式表的巧妙功能。

当您开始使用 Sass 时，它会获取您预处理的 Sass 文件并将其保存为简单的 CSS 文件，该文件稍后将在您的网页中使用。

一旦您安装了 sass，您可以使用 --watch 标志来监视单个文件或整个目录。 查看运行 Sass 时监视整个目录的语法。

语法

创建一个包含以下代码的简单 HTML 文件

请看这个例子

创建一个名为“style.scss”的 SCSS 文件，其中包含以下代码

将这两个文件放在根文件夹中。

现在，执行以下代码： --watch style.scss:style.css

它会在同一目录中自动创建一个名为“style.css”的普通 CSS 文件。 例如

现在，执行上面的 html 文件，它将读取 CSS 值。

输出