CSS選擇器是用于選擇要樣式化的HTML元素的工具。在CSS中，Child選擇器是一種選擇元素的方式，該元素是另一個元素的直接子節點。它可以很容易地選擇HTML標記中的子元素，從而使網站更加可讀和易于理解。

p >span {
color: red;
}

在上面的樣例中，我們使用了Child選擇器將<span>作為<p>標簽的子元素選擇出來。這意味著只有在父元素是<p>標記的情況下，后代中的<span>標記會受到影響。

Child選擇器使用“>”符號，在父元素和子元素之間。一個父元素可以擁有多個子元素，但是“>”僅僅選擇直接子元素。如果我們使用Descendant選擇器（“空格”符號），它將選擇所有后代元素，而不僅僅是直接子元素。

p span {
color: red;
}

在上面的代碼中，Descendant選擇器選擇了<p>的所有后代中的<span>標記，無論它們是直接還是間接的后代。但是，如果我們想要選擇<p>的直接子元素中的<span>標記，那么我們應該使用Child選擇器。

Child選擇器在Web設計中很常見，并且它可以幫助我們更好地組織我們的CSS，使代碼更加具有可讀性和可維護性。 要想使用Child選擇器，只需要在父元素和子元素之間的“>”符號處添加樣式即可。