在CSS中，子類(lèi)選擇器是指選擇器中的第一屬性是其他選擇器，并且它們之間有一個(gè)關(guān)系。

.parent .child {
/* 樣式 */
}

在上面的例子中，`.parent`是父元素的選擇器，`.child`是子元素的選擇器。選擇器之間的空格表示父元素和子元素的層次關(guān)系。這意味著只有`.parent`元素中的`.child`元素會(huì)受到這個(gè)樣式的影響。

這種選擇器非常有用，特別是在構(gòu)建復(fù)雜的布局時(shí)。通過(guò)使用子類(lèi)選擇器，我們可以輕松地選擇特定層次結(jié)構(gòu)中的元素，并為其應(yīng)用樣式。

例如，在下面的HTML代碼中，我們有一個(gè)列表嵌套在另一個(gè)列表中：

<ul class="outer-list">
<li>Item 1</li>
<li class="inner-item">
Item 2
<ul class="inner-list">
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
</ul>

我們想要為嵌套的列表項(xiàng)添加一些額外的垂直間距。我們可以使用子類(lèi)選擇器來(lái)選擇`.inner-list`中的所有列表項(xiàng)：

.outer-list .inner-item .inner-list li {
margin-bottom: 10px;
}

這個(gè)選擇器將選擇`.outer-list`元素下的所有`.inner-item`元素，然后再選擇`.inner-item`元素下的所有`.inner-list`元素和其中的所有`li`元素。

通過(guò)使用子類(lèi)選擇器，我們能夠靈活地在層次結(jié)構(gòu)中選擇元素，并為其應(yīng)用樣式。這使得CSS的編寫(xiě)變得更加簡(jiǎn)單、直觀和可維護(hù)。