Css 罗盘输出方式

有没有人找到关于Compass中输出样式的不同值意味着什么的文档？选项有：展开、：嵌套、：压缩和：压缩。我能看到最后一个是什么，但其他人做什么

---

似乎有点浪费，我必须重新编译我所有的CSS来找出这些不同的选项会产生什么。

啊，我现在明白了“展开”是默认值：

：扩展

#date .day {
  display: block;
  padding-top: 5px;
  font-size: 30px;
  color: #AAA;
}

：嵌套

#date .day {
  display: block;
  padding-top: 5px;
  font-size: 30px;
  color: #AAA; }

：紧凑型

#date .day { display: block; padding-top: 5px; font-size: 30px; color: #AAA; }

：压缩

#date .day{display:block;padding-top:5px;font-size:30px;color:#AAA}

---

中介绍了输出样式

虽然Sass输出的默认CSS样式非常好而且 反映了文件的结构、品味和需求的不同等等 Sass支持其他几种样式

Sass允许您通过以下方式在四种不同的输出样式之间进行选择： 设置：style选项或使用--style命令行标志

：嵌套 嵌套样式是默认的Sass样式，因为它反映了 CSS样式的结构和它们正在设置样式的HTML文档。 每个属性都有自己的行，但缩进不是常量。 每个规则根据嵌套的深度缩进。例如：

#main {
  color: #fff;
  background-color: #000; }
  #main p {
    width: 10em; }

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline; }

#main {
  color: #fff;
  background-color: #000;
}
#main p {
  width: 10em;
}

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline;
}

#main { color: #fff; background-color: #000; }
#main p { width: 10em; }

.huge { font-size: 10em; font-weight: bold; text-decoration: underline; }

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline}

嵌套样式在查看大型CSS文件时非常有用：它允许 您可以轻松地掌握文件的结构，而无需实际阅读 什么都行

：扩展 Expanded是一种更典型的人造CSS样式，具有每个属性 规则只占一行。属性在规则中缩进， 但这些规则并没有以任何特殊的方式缩进。例如：

#main {
  color: #fff;
  background-color: #000; }
  #main p {
    width: 10em; }

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline; }

#main {
  color: #fff;
  background-color: #000;
}
#main p {
  width: 10em;
}

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline;
}

#main { color: #fff; background-color: #000; }
#main p { width: 10em; }

.huge { font-size: 10em; font-weight: bold; text-decoration: underline; }

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline}

：紧凑型 紧凑样式比嵌套或展开样式占用更少的空间。它也 将焦点更多地吸引到选择器，而不是选择器的属性。每个 CSS规则只占用一行，每个属性都定义在该行上 线路。嵌套规则彼此相邻放置，没有换行符， 而不同的规则组之间有新行。对于 例如：

#main { color: #fff; background-color: #000; }
#main p { width: 10em; }

.huge { font-size: 10em; font-weight: bold; text-decoration: underline; }

：压缩 压缩样式占用尽可能少的空间，具有 除了分隔选择器和 文件末尾的换行符。它还包括一些其他的小调 压缩，例如选择颜色的最小表示。 它不是为了让人可读。例如：

#main {
  color: #fff;
  background-color: #000; }
  #main p {
    width: 10em; }

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline; }

#main {
  color: #fff;
  background-color: #000;
}
#main p {
  width: 10em;
}

.huge {
  font-size: 10em;
  font-weight: bold;
  text-decoration: underline;
}

#main { color: #fff; background-color: #000; }
#main p { width: 10em; }

.huge { font-size: 10em; font-weight: bold; text-decoration: underline; }

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline}

---

哦，在那里！非常感谢。我可以在执行过程中更改输出格式吗？是否可以将我的SCSS代码的一部分处理为

：expanded

，另一部分处理为

：compressed

？如果是这样，我需要在哪里添加

：expanded

和

：compressed

选项才能实现这一点？@JohnSlegers通常不会。不过你可以试着摆弄一下。您是将Compass用作命令行工具还是通过Ruby编程？您希望不同的输出显示在一个文件还是单独的文件中？@Andrey'lolmaus'Mikhaylov:我使用的是Netbeans和Sass 3.3。我没用指南针。我正在寻找一种方法来自动地将相同的SCSS代码编译成两个不同的CSS文件，分别使用Netbeans中的

--style compact

和

--style expanded

。例如，我希望将我的文件

assets/scss/colors.scss

编译为

assets/css/expanded/colors.css

和

assets/css/minified/colors.min.css

。另请参见。您必须运行该命令两次，没有其他选项。如果你不知道如何使用NETBeNes，那么考虑创建一个Shell脚本来运行SASS两次，并且NETBeaS运行脚本而不是运行SASS。也可以考虑使用咕噜或类似的任务运行器。