在CSS中，子選擇器是一種非常有用的選擇器，它可以選擇元素的特定子元素。

例如，假設我們有以下HTML代碼：

<div class="container">
<h1>這是標題</h1>
<p>這是第一段</p>
<p>這是第二段</p>
</div>

如果我們想選擇容器div中所有p元素中的第一個，我們可以使用子選擇器：

.container > p:first-child {
color: red;
}

上面的代碼會將第一個p元素的文字變成紅色。

我們也可以使用子選擇器選擇嵌套在另一個元素里的子元素：

<ul class="list">
<li>這是第一項
<ul>
<li>這是一個嵌套元素</li>
</ul>
</li>
<li>這是第二項
<ul>
<li>這也是一個嵌套元素</li>
</ul>
</li>
</ul>

.list > li > ul > li {
color: blue;
}

上面的代碼會將嵌套在li元素中的li變成藍色文字。

總的來說，子選擇器是一種強大的選擇器，它可以讓我們更精細地控制我們的樣式。