在CSS中，空格是非常重要的一個符號，它起著連接選擇器的作用，比如一個元素的父元素是什么，子元素是什么等等。然而有時候，我們會發現空格并沒有被正確地解析，這是為什么呢？

.parent {
background-color: red;
}
.parent .child {
background-color: blue;
}

在上面的例子中，我們為.parent元素指定了背景顏色為紅色，然后為其子元素.child指定了背景顏色為藍色。我們期望的結果是，.child元素的背景顏色為藍色，因為它是.parent元素的子元素。然而，當我們在HTML中使用以下代碼時：

<div class="parent">
<p class="child">Hello, world!</p>
</div>

我們會發現，.child元素的背景顏色并沒有變成藍色，而是和.parent一樣紅色。這是因為，在HTML中，我們并沒有使用空格將.parent和.child元素連接起來，而是使用了class屬性讓它們匹配。因此，在CSS中也需要使用這樣的方式：

.parent {
background-color: red;
}
.parent .child {
background-color: blue;
}

這樣，我們的樣式就會被正確地解析了。