在CSS中，我們經(jīng)常需要控制一個(gè)元素下的多個(gè)子元素的樣式，這就需要用到多個(gè)子節(jié)點(diǎn)的CSS選擇器。

/* 選中l(wèi)i標(biāo)簽下的第一個(gè)子元素 */
li:first-child {
color: red;
}
/* 選中l(wèi)i標(biāo)簽下的最后一個(gè)子元素 */
li:last-child {
color: blue;
}
/* 選中l(wèi)i標(biāo)簽下的倒數(shù)第二個(gè)子元素 */
li:nth-last-child(2) {
color: green;
}
/* 選中ul標(biāo)簽下的所有子元素 */
ul > * {
font-size: 20px;
}
/* 選中ul標(biāo)簽下的所有直接子元素 */
ul > li {
padding: 10px;
}

在上面的示例中，我們演示了如何使用CSS選擇器選中一個(gè)元素下的多個(gè)子元素。我們可以通過:first-child、:last-child、:nth-last-child等偽類來選中一個(gè)元素下的某個(gè)特定子元素，也可以通過直接子選擇器“>”來選中一個(gè)元素下的所有直接子元素。這些技巧可以幫助我們更加方便地控制頁面中各個(gè)元素的樣式，從而實(shí)現(xiàn)豐富多彩的樣式效果。