Question

在css子组合器>后面或前面有空格会有所不同吗？
是这样：

foo > bar {}

有什么不同吗？

foo>bar {}

Answer 1

完全没有区别-Kinda

完全没有区别。您可能会争辩说，将空间减少（最小化）会提高性能，但这只会对繁忙的大型站点有所帮助。对于大多数人来说，他们希望空间的可读性可以更好地理解代码，尤其是在团队合作中。为达到最小化，应该由外部应用程序完成。

.foo div>p{color:#fff;background:blue;width:100px;height:100px;}
.boo div > p {color:#fff; background:red; width:100px; height:100px;}

<body>
<div class="foo"><div><p>FOO</p></div></div>
<div class="boo"><div><p>BOO</p></div></div>
</body>