SASS 示例

我们可以简单地创建 SASS 和 SCSS 示例。 为此，请使用以下步骤

创建一个具有以下代码的 HTML 文件

请看这个例子

现在创建一个名为 "style.scss" 的文件。 它类似于 CSS 文件。 唯一的区别是它以 ".scss" 扩展名保存。 将这两个文件放在根文件夹中。

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

它将自动在根文件夹中创建一个名为 "style.css" 的新 CSS 文件。 每当您更改 SCSS 文件时，style.css 文件将自动更改。

style.css 文件具有以下代码

现在执行 HTML 文件。 它将读取 CSS 文件，输出将如下所示

输出