在 CSS 中，使用子元素選擇器可以獲取指定元素下的子元素，并對其樣式進行設置。在 HTML 中，子元素可以通過“父元素>子元素”的方式進行選擇。

例如，我們有以下 HTML 結構：

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

如果我們想要對 <ul> 元素下的所有 <li> 元素進行樣式設置，可以使用以下代碼：

ul>li{
/*樣式設置*/
}

此方法可以確保只選中 <ul> 元素下的直接子元素 <li>，而非其子孫元素下的 <li>。

如果要獲取更具體的子元素，可以按以下方式設置：

ul>li:first-child{
/*樣式設置*/
}

上述代碼會選擇 <ul> 元素下的第一個 <li> 元素，并對其進行樣式設置。

需要注意的是，子元素選擇器不僅限于垂直方向的子元素，也可以選擇水平方向上的子元素。例如：

div>span{
/*樣式設置*/
}

此代碼會選擇所有在 <div> 元素直接下方的 <span> 元素。

在實際應用中，子元素選擇器在編寫特定樣式的時候非常有用，可以只針對特定的子元素進行樣式設置，而不影響其他子元素。