CSS的子選擇器是一種強(qiáng)大的工具，可以用于選擇文檔層次結(jié)構(gòu)中的特定元素。子選擇器使用符號(hào)“>”指定一個(gè)元素的直接子元素。例如：

ul >li {
margin-left: 10px;
}

在上面的代碼中，我們選擇所有ul元素下的直接子元素li，并設(shè)置它們的左外邊距為10像素。

子選擇器的優(yōu)點(diǎn)在于，我們可以針對(duì)特定文檔結(jié)構(gòu)的元素進(jìn)行選擇和樣式化。例如：

form >input[type="text"] {
border-radius: 5px;
border: 1px solid #ccc;
padding: 5px;
}

以上代碼選擇了所有type屬性為"text"的直接子元素input，并對(duì)它們應(yīng)用樣式。這樣的選擇器會(huì)很有用，尤其是在處理表單時(shí)。

子選擇器可以與其他CSS選擇器結(jié)合使用，以篩選出更具體的元素。例如：

div.container >p:first-child {
font-weight: bold;
}

在上面的代碼中，我們選擇了所有class為"container"的div中的第一個(gè)子元素p，并將其字體加粗。

總之，CSS子選擇器是CSS樣式表的一個(gè)有力工具，可以應(yīng)用于各種不同的文檔結(jié)構(gòu)。使用這種選擇器時(shí)，我們需要了解文檔層次結(jié)構(gòu)，以便根據(jù)需要選擇正確的元素。