特定CSS格式背后的工具/目的

Question

自从我开始进行Web开发以来，我遇到过将css结构化的模板和网站：

#location .shell .holder{  margin: 0 auto;}

而不是传统的：

#location .shell .holder{  
margin: 0 auto;
}

是否有人正在使用的编辑器？我经常遇到这种情况，并且想知道为什么它的结构如此？做这样的事情有什么好处？

Answer 1

通过这样做，您实际上可以节省文件大小。我使用SASS编译器，所以我很快就通过几个选项来运行它。

扩展时通常为53k的文件，与第一个示例一样，写入时下降到48k。将所有内容压缩到一行是42k。显然你的耕作会有所不同。

最初创建网站时，它纯粹是关于风格，但是一旦你准备好部署它的文件大小。