CSS 是前端開發(fā)必不可少的一部分，我們經(jīng)常需要對 HTML 中的元素進(jìn)行樣式編寫，在編寫 CSS 時，有時我們需要對某個元素的子元素進(jìn)行樣式設(shè)置，這時就需要查找子節(jié)點。

/* 首先，我們需要了解 CSS 中查找子節(jié)點的幾種常用方法： */
/* 1. 直接子節(jié)點(>) */
/* 如果對一個元素的直接子元素設(shè)置樣式，可以使用 >符號來表示 */
.parent >.child {
/* 樣式設(shè)置 */
}
/* 2. 后代節(jié)點(空格) */
/* 如果對一個元素的所有子元素都設(shè)置樣式，可以使用空格來表示 */
.parent .child {
/* 樣式設(shè)置 */
}
/* 3. 相鄰兄弟節(jié)點(+) */
/* 如果需要對某個元素的相鄰的兄弟元素設(shè)置樣式，可以使用 + 符號來表示 */
.prev + .next {
/* 樣式設(shè)置 */
}
/* 4. 兄弟節(jié)點(~) */
/* 如果需要對某個元素的所有兄弟元素設(shè)置樣式，可以使用 ~ 符號來表示 */
.prev ~ .siblings {
/* 樣式設(shè)置 */
}
/* 以上四種方式中，直接子節(jié)點和后代節(jié)點是最常使用的方式，我們平常開發(fā)中也會經(jīng)常使用到 */

除了以上常用的方式，CSS 還有一些其他的方式來查找節(jié)點，比如偽元素 ::before 和 ::after、偽類 :first-child 和 :last-child 等，請大家在編寫樣式時根據(jù)需要靈活使用。