Sass预处理

CSS足以处理一个简单的样式表，但是如果样式表更大，更复杂，则很难维护它们。在这种情况下，预处理器可以提供帮助。 Sass提供了CSS中不可用的一些扩展功能，例如变量，嵌套，混入，继承和其他漂亮的东西，使其兼容处理所有类型的样式表。

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

一旦你安装了青菜，你可以观看任何单个文件或整个目录与-手表标志。查看整个目录时，请参阅运行Sass的语法。

句法：

sass --watch app/sass:public/stylesheets 

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

请参阅以下示例：

   
   


   
Simple Sass Example
   
Welcome to JavaTpoint
   
A solution of all technology.

创建一个名为“ style.scss”的SCSS文件，其代码如下：

h1{
   color: #AF80ED;
}
h3{
   color: #DE5E85;
}

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

现在，执行以下代码：-观看style.scss：style.css

它将创建一个名为?style.css?的普通CSS文件。在同一目录中。例如：

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

输出：