在CSS中，空格是非常重要的概念。一個空格可以代表很多不同的含義，比如選擇器的不同組合，或者屬性值的分隔符。了解空格是如何工作的，可以讓我們更好地理解CSS。

/* 選擇包含有class為parent的元素下，類名為child的元素 */
.parent .child {
color: red;
}
/* 選擇所有class為grandparent或parent或child的元素 */
.grandparent, .parent, .child {
font-size: 16px;
}
/* 對同一元素應用多個屬性值 */
font-size: 16px 12px 10px;

CSS選擇器中的空格指的是后代選擇器，用于選擇某元素中包含的其他元素。在上面的代碼中，.child選擇器在.parent選擇器中的空格和 .grandparent, .parent, .child選擇器中的逗號后面的空格，都是后代選擇器。而在屬性值中，空格可以用來分隔不同屬性值，例如上面的font-size屬性。

需要注意的是，不同的空格有時候會有不同的含義。例如，當我們在一個選擇器中使用多個class時，不同的空格代表不同的層級關系。例如：

/* 同時有class為parent和child的元素 */
.parent.child {
color: red;
}
/* 有class為parent的元素下，class為child的元素 */
.parent .child {
color: blue;
}

在上面的代碼中，.parent.child選擇器選中的元素是同時具有class為parent和child的元素，而.parent .child選擇器選中的是包含有class為parent的元素下，類名為child的元素。因此，CSS中的空格還有很多細節需要掌握。