CSS规则中空格的意义

Question

我是CSS的新手，我想知道编写CSS的正确方法是什么，因为我在网上发现了相互矛盾的信息。

body {background-color: red;} body {background-color:red;}

上面两个例子之间的差异是选择器冒号后面的空格。我在不同的地方读过这两个例子都是正确的。

其中哪一个是正确的？使用错误的结果有什么后果吗？

Answer 1

你是否留下空间并不重要。 selector {property:value;}将与selector {property: value}达到相同的效果。

Answer 2

渲染引擎并不关心CSS属性和值之间的空白区域（如果存在）。简而言之，这并不重要。如果您使用的是缩小的.css文件，则无论如何都会删除这些空格。

color: red;与color: red;

相同