CSS中的 nth child 是一種很重要的選擇器,它可以幫助我們選中某個元素的第幾個子元素。nth child 分為兩種形式:nth-child(n) 和 nth-of-type(n)。
/* 選中一個元素的第3個子元素 */ :nth-child(3) { color: red; } /* 選中一個元素下類型為p的第4個子元素 */ p:nth-of-type(4) { color: blue; }
需要注意的是,nth child 是從1開始計數。如果要選中多個子元素,可以使用n來表示。
/* 選中一個元素下的偶數子元素 */ :nth-child(even) { color: green; } /* 選中一個元素下的前5個子元素 */ :nth-child(-n+5) { color: purple; }
總之,nth child 選擇器非常靈活,并且常常被用于實現復雜的網頁布局效果。