CSS 空格处理，是指在使用 CSS 模块化样式表的时候，对于盒子之间的空格处理方法。这是一个常见的问题，因为 CSS 在写样式的时候会忽略多余的空格，而不同的浏览器对于空格的处理方式也不尽相同。因此，在设计网页样式的时候，空格的处理方法是需要注意的。

首先我们需要了解的是，CSS 定义多个选择器时使用空格进行分隔。例如：

.box .title {
color: red;
}

表示的是，选择具有 class 为 box 的元素下的 class 为 title 的元素。这里的空格就代表了两个元素之间的关系。但是，我们在书写 CSS 时，我们可能会忽略一些空格，比如：

.box
.title {
color: red;
}

这个样式表实际上定义了两个单独的选择器 .box 和 .title，而不是表示 .box 包含 .title。这种情况下，不同的浏览器对于空格的解析结果会有所不同，有些浏览器可能会解析成包含关系，有些则不会。

为了避免这种情况的发生，我们可以使用各种方法来处理空格。最常见的方法是使用 “>” 符号，表示仅仅选择子元素。例如：

.box >.title {
color: red;
}

这个样式表表示仅仅选择 class 为 box 的元素的子元素中的 class 为 title 的元素。这个方法可以避免多余的空格造成的混淆。

另外一个方法是使用拼接符 “+”和“~”。这两个符号有着不同的作用，但是它们的使用方法都是一样的。例如：

.box+.title {
color: red;
}
.box~.title {
color: red;
}

这两个样式表分别表示 class 为 box 的元素后面的第一个匹配的 class 为 title 的元素和 class 为 box 的元素后面所有的匹配的 class 为 title 的元素。这个方法也可以避免多余的空格造成的混淆。

总之，CSS 中空格处理的问题是需要注意的，因为在不同的浏览器中会有所不同。为了避免这种混淆，我们可以使用方法如“>”、“+”、“~”来处理空格。使用这些方法能够保证我们的样式能够在各种浏览器中正确显示，并且避免不必要的问题。