CSS为什么在规则之前添加空格？

Question

CSS代码格式化问题:我有一个习惯,就是在{开始新的CSS规则之前添加一个空格,如下所示:

body {
  font-size: 16px
}

像这样的空格body和{整个CSS积少成多.

理想情况下,我更喜欢这样写我的规则(从而节省空格):

body{
  font-size: 16px
}

实际上,我忘记了为什么这样做？

请注意,我故意简化此处的示例以显示空白.当然,不需要从文件中删除此处的空间.但在具有2-3,000条规则的现实生活中,它可能会加起来.此外,我认为与删除它的情况相比,该位置的单个空格会压缩得很厉害.

我早就忘记了为什么我要添加那个奇怪的空白.删除是否安全？哪个浏览器需要空格？

Answer 1

您可能会添加空间,因为它读取/看起来更好.

可以安全删除,没有浏览器关心空格.任何CSS压缩器/优化器都将删除所有这些空格,换行符等.

现在很少人们手动优化他们的CSS,我的建议是让你的css可读和可持续,然后使用像YUI这样的压缩器/优化器.