CSS子項(xiàng)選擇器是CSS選擇器的一種，它可以選擇指定元素下的子元素，以此來對(duì)其應(yīng)用樣式。下面我們來看幾個(gè)常見的子項(xiàng)選擇器。

/* 選取所有input元素的第一個(gè)子元素 */
input:first-child {
/* 樣式 */
}
/* 選取所有input元素的第二個(gè)子元素 */
input:nth-child(2) {
/* 樣式 */
}
/* 選取所有class為list的元素下class為item的元素 */
.list .item {
/* 樣式 */
}
/* 選取所有id為nav的元素下class為active的直接子元素 */
#nav >.active {
/* 樣式 */
}

在使用子項(xiàng)選擇器時(shí)需要注意以下幾點(diǎn)：

• 子項(xiàng)選擇器只能選擇直接子元素，不能選擇孫子元素。
• 子項(xiàng)選擇器選擇的子元素是指它的父元素下的所有元素。
• :first-child選擇器選取的是父元素下第一個(gè)子元素，而不是指定類型的第一個(gè)子元素。
• 由于IE8及以下版本不支持:nth-child()，在使用時(shí)需要注意兼容性。

子項(xiàng)選擇器為我們提供了一種便捷的方式來選擇指定元素下的子元素，可以簡(jiǎn)化CSS的書寫，并幫助我們精確地應(yīng)用樣式。