在CSS中，我們有時需要為一個元素的子元素設置樣式。這可以通過使用子選擇器或后代選擇器來實現。

子選擇器是指選中某一元素的直接子元素的CSS選擇器。例如，對于以下HTML代碼：

<div>
<p>這是一個段落</p>
<ul>
<li>這是列表項1</li>
<li>這是列表項2</li>
</ul>
</div>

我們可以使用子選擇器來修改<div>元素中的<p>元素的樣式：

div > p {
color: red;
}

這個樣式規則會將<div>元素中的直接子元素<p>元素的文本顏色變為紅色。

后代選擇器是指選中某一元素的后代元素的CSS選擇器。例如：

<div>
<ul>
<li>這是列表項1</li>
<li>這是列表項2</li>
</ul>
</div>

我們可以使用后代選擇器來修改<div>元素中的所有<li>元素的樣式：

div li {
font-weight: bold;
}

這個樣式規則會將<div>元素中所有<li>元素的字體加粗。

總的來說，子元素的選擇器非常有用，可以幫助我們更好地控制HTML文檔的樣式。在使用子元素的樣式時，我們需要考慮清楚選擇器的層級關系，以便正確地選擇需要的元素。