Sass是一种CSS预处理器，它扩展了CSS的功能，使得编写和维护CSS代码更加简单和高效。Sass提供了许多有用的功能，如嵌套规则、变量、混合（mixin）、继承、函数等，这些功能都可以提高CSS代码的可读性和可重用性。
- 嵌套规则：Sass允许在CSS规则中进行嵌套，可以更清晰地表示HTML结构层次关系。
nav {ul {margin: 0;padding: 0;list-style: none;li {display: inline-block;margin-right: 10px;a {color: blue;}}}
}
- 变量：Sass中可以定义变量来存储重复使用的值，提高代码的可维护性和灵活性。
$primary-color: #ff0000;button {background-color: $primary-color;
}a {color: $primary-color;
}
- 混合（mixin）：Sass中的混合可以将一组样式声明封装起来，然后在需要的地方引用，减少重复的代码。
@mixin border-radius($radius) {-webkit-border-radius: $radius;-moz-border-radius: $radius;-ms-border-radius: $radius;border-radius: $radius;
}button {@include border-radius(5px);
}input {@include border-radius(3px);
}
- 继承：Sass中可以使用继承来复用CSS规则，避免代码冗余。
%button {display: inline-block;padding: 5px 10px;background-color: blue;color: white;
}.submit-button {@extend %button;
}.cancel-button {@extend %button;background-color: red;
}
- 函数：Sass提供一些内置函数，可以进行常见的计算和处理。
.container {width: percentage(2/3);height: round(3.14);color: darken(#ff0000, 20%);
}
以上是一些Sass的常用功能，它们可以帮助开发者更高效地编写CSS代码，提高代码的可读性和可维护性。Sass文件需要编译成普通的CSS文件才能被浏览器识别和使用，可以使用命令行工具或者构建工具来进行编译。
