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

在CSS中，规则之间的空格是有意义的，因为它们用于分隔不同的选择器和属性。当你在规则之前添加空格时，你实际上在创建一个新的选择器。这个选择器将具有与前一个选择器相同的样式规则，但它们之间的区别在于它们的优先级。

例如，以下两个规则具有相同的优先级：

.class1 .class2 {
  color: red;
}

.class1 .class2 {
  color: blue;
}

但是，如果在规则之间添加空格，则会创建一个新的选择器，它将具有更高的优先级：

.class1 .class2 {
  color: red;
}

.class1 .class2 {
  color: blue;
}

在这种情况下，具有.class2选择器的元素将显示蓝色文本，因为它具有更高的优先级。

总之，在CSS中添加空格是一种创建新选择器的方法，可以帮助你更好地控制样式的继承和优先级。