关于SASS输出样式本章咱们学习。SASS生成的CSS文件由默认的CSS样式反映文档结构。默认CSS样式输出没有问题，但可能不适合于所有情况，在另一方面，SASS支持多种样式风格。
它支持以下不同的输出样式：
:nested
嵌套的风格是SASS的默认样式。这样的造型是非常有用的，当你处理大量CSS文件。它使该文件的结构更具有可读性和可容易地理解的。每个属性采用自己的行，每条规则的缩进是基于它是如何深入嵌套。例如，我们可以嵌套在SASS代码文件，如下图所示：
#first {
background-color: #00FFFF;
color: #C0C0C0; }
#first p {
width: 10em; }
.highlight {
text-decoration: underline;
font-size: 5em;
background-color: #FFFF00; }
:expanded
CSS样式的扩展类型每个属性和规则都有其自己的行。相对于嵌套的CSS样式它需要更多的空间。规则部分包括其全部意图的规则，其中的规则，不遵循任何缩进内属性。
例如，我们可以扩大SASS文件中的代码，如下所示：
#first {
background-color: #00FFFF;
color: #C0C0C0;
}
#first p {
width: 10em;
}
.highlight {
text-decoration: underline;
font-size: 5em;
background-color: #FFFF00;
}
:compact
紧凑型CSS样式竞争不到扩展和嵌套空间。它主要侧重于选择器，而不是它的属性。每个选择器占用一行以及它的属性也放置在同一行中。嵌套的规则被定位彼此相邻，而不换行和规则的独立组将具有在它们之间的换行。
例如，我们可以压缩SASS文件中的代码，如下所示：
#first { background-color: #00FFFF; color: #C0C0C0; }
#first p { width: 10em; }
.highlight { text-decoration: underline; font-size: 5em; background-color: #FFFF00; }
:compressed
压缩CSS样式至少需要空间比以上讨论所有其他样式数量少。它提供空格只单独选择器和换行符在文件的结尾。这样的造型是混乱，不容易阅读。
例如，我们可以压缩SASS文件中的代码，如下所示：
#first{background-color:#00FFFF;color:#C0C0C0}#first p{width:10em}.highlight{text-decoratio