本文目錄導(dǎo)讀：
CSS3中利用選擇器選取***個(gè)兄弟元素的方法
在CSS3中，我們經(jīng)常需要選取某個(gè)元素的***個(gè)兄弟元素來(lái)進(jìn)行樣式設(shè)置，雖然CSS本身沒(méi)有直接的方式去“抓取”***個(gè)兄弟元素，但我們可以通過(guò)一些選擇器的組合來(lái)實(shí)現(xiàn)這一目標(biāo)，下面，我們就來(lái)探討一下如何在CSS3中選取***個(gè)兄弟元素。
使用“:first-child”選擇器
":first-child"選擇器可以選取某個(gè)元素的***個(gè)子元素，無(wú)論這個(gè)子元素是什么類型。
.parent-class > :first-child {
/* 這里寫你的樣式 */
}在這個(gè)例子中，所有在.parent-class類下的***個(gè)子元素都會(huì)被選中，但需要注意的是，":first-child"選擇的是***個(gè)子元素，而不只是兄弟元素，如果某個(gè)元素是某個(gè)父元素的***子元素，那么它也會(huì)被此選擇器選中。
二、使用“:nth-child”選擇器與索引值
":nth-child"選擇器允許我們根據(jù)索引值選擇特定的子元素，我們可以設(shè)置索引值為1來(lái)選取***個(gè)子元素，無(wú)論其類型如何。
.parent-class > :nth-child(1) {
/* 這里寫你的樣式 */
}在這個(gè)例子中，所有在.parent-class類下的***個(gè)子元素（無(wú)論其類型）都會(huì)被選中，與":first-child"選擇器不同，"nth-child"選擇器允許我們根據(jù)索引值選擇任何位置的子元素，我們可以使用它來(lái)選取任何元素的***個(gè)兄弟元素，但請(qǐng)注意，這種方法可能會(huì)受到瀏覽器兼容性的影響，因此在使用前，建議進(jìn)行充分的瀏覽器兼容性測(cè)試。
