在 CSS 中，有一個非常方便的選擇器——“子選擇器”，可以選擇所有選擇器下的子元素。下面我們就來詳細了解一下子選擇器的使用方法。

父元素 >子元素 {
屬性: 值;
}

使用大于號 ">" 來選擇父元素下的所有直接子元素。

ul >li {
color: red;
}

上述代碼將選取 ul 元素下的所有 li 元素，但是不包括 li 元素下的其他子元素。

除了大于號 ">"，我們還可以使用空格 " " 選擇所有后代元素。

.container h1 a {
color: blue;
}

上述代碼將選取 .container 元素下的所有 h1 元素下的 a 元素，但是不包括 .container 直接子元素下的 a 元素。

需要注意的是，子選擇器只能夠選取父元素下的直接子元素，而不能往下多層。

.container >ul >li {
color: green;
}

上述代碼只能夠選取 .container 元素下的 ul 元素下的 li 元素，而不能選取 .container 元素下更深層次的 li 元素。

在開發網頁時，子選擇器還是非常有用的，在需要針對特定的子元素進行樣式調整時可以使用該選擇器。