在 CSS 中，選擇器是用來定義樣式的，而空格選擇器則是其中最常見的一種。空格選擇器可以理解為，它用來選取某個元素下的所有子元素。

/* 例如，在這段代碼中，所有的p標簽都會受到影響。 */
p {
color: red;
}
/* 然而，在下面的代碼中，只有class為example下的子元素p才會受到影響 */
.example p {
color: blue;
}

空格選擇器可以嵌套多次，以選擇更深層次的子元素。例如，下面的代碼可以選取 class 為 example 的任意子元素下的 span 元素。

.example span {
font-weight: bold;
}

可以注意到，在上面的代碼中，我們使用了兩個選擇器，它們之間用空格隔開。這就是空格選擇器的本質：它們把所有嵌套在一起的元素都選中。

有時候，我們需要同時選中兩個不同元素下的子元素。那么，可以使用逗號分隔的方式來達到這一效果。

/* 下面的代碼可以同時選中 class 為 example 的子元素下的p元素，以及class為test的子元素下的a元素 */
.example p, .test a {
text-decoration: underline;
}

需要注意的是，雖然空格選擇器可以非常方便地選取嵌套元素，但是被選中的元素可能會出現規模過大的情況。這時，我們可以考慮更靈活的選擇器，例如后代選擇器、子元素選擇器、相鄰兄弟選擇器等。