Sass预处理用法示例

CSS足以处理简单的样式表, 但是如果样式表更大, 更复杂, 则很难维护它们。在这种情况下, 预处理器可以提供帮助。 Sass提供了CSS中不可用的一些扩展功能, 例如变量, 嵌套, 混入, 继承和其他漂亮的东西, 使其兼容处理所有类型的样式表。
当你开始使用Sass时, 它将获取你经过预处理的Sass文件并将其保存为简单的CSS文件, 该文件随后将在你的网页中使用。
安装sass后, 你可以使用– watch标志监视单个文件或整个目录。查看整个目录时, 请参阅运行Sass的语法。
句法：

sass --watch app/sass:public/stylesheets

创建一个具有以下代码的简单HTML文件：
请参阅以下示例：

< html> < head> < title> Import example of sass< /title> < link rel="stylesheet" type="text/css" href="http://www.srcmini.com/style.css"/> < /head> < body> < h1> Simple Sass Example< /h1> < h3> Welcome to srcmini< /h3> < p> A solution of all technology.< /p> < /body> < /html>

创建一个具有以下代码的名为” style.scss” 的SCSS文件：