Tools/purpose 背后的特定 CSS 格式

Question

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

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

而不是传统的：

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

是否有人们正在使用的编辑器可以做到这一点？我经常 运行 参与其中，想知道为什么它的结构是这样的？这样做有什么好处吗？

Answer 1

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

扩展时通常为 53k 的文件，像您的第一个示例那样编写时会下降到 48k。将所有内容压缩到一行是 42k。显然你的里程数会有所不同。

最初创建您的网站时，它纯粹是关于样式的，但是一旦您准备好部署它，它的文件大小就是问题。