當(dāng)我們在編寫 CSS 樣式時，常常需要通過子節(jié)點選擇器來針對某些特定的子節(jié)點進(jìn)行樣式設(shè)置。

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

選擇器表達(dá)式中，">" 符號表示選擇直接子節(jié)點。以上代碼表示選擇 class 為 child 的子節(jié)點，并且它們必須是 class 為 parent 的直接子節(jié)點。

需要注意的是，直接子節(jié)點選擇器的影響范圍只限于直接子元素，如果需要選中所有后代元素，可以使用空格符號代替直接子節(jié)點選擇器。

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

以上代碼表示選擇 class 為 child 的子節(jié)點，不論它們是否是 class 為 parent 的子節(jié)點，只要它們是 class 為 parent 的后代元素即可。

除此之外，還可以使用偽類選擇器針對某些特定的子節(jié)點進(jìn)行樣式設(shè)置。

.parent:first-child {
/* CSS 樣式 */
}

以上代碼表示選擇 class 為 parent 的第一個子節(jié)點，并對其應(yīng)用 CSS 樣式。

需要注意的是，子節(jié)點選擇器要謹(jǐn)慎使用，過度使用會使 CSS 樣式變得過度復(fù)雜，且可能影響頁面加載速度。在編寫 CSS 樣式時，應(yīng)充分利用類、ID 和其他選擇器等更為簡潔的選擇方式。