在CSS中,我們可以通過選擇器來選擇HTML中的元素,并設(shè)置它們的樣式。而其中一個(gè)非常常用的選擇器就是 nth-child(n)。它可以選擇一個(gè)父元素的第n個(gè)子元素,并對(duì)其進(jìn)行樣式的定義。
/* 選擇第三個(gè)li */ li:nth-child(3){ background-color: gray; color: white; }
上面的代碼中,我們使用了nth-child(3)來選擇父元素中的第三個(gè)子元素(即第三個(gè)li),然后定義了其背景顏色為灰色,字體顏色為白色。
需要注意的是,nth-child(n)是從1開始計(jì)數(shù)的,也就是說如果我們想選擇第一個(gè)子元素,應(yīng)該寫成:nth-child(1)。而如果要選擇最后一個(gè)子元素,可以使用:last-child選擇器。
上一篇css 定位 屏幕居中
下一篇css 定義類樣式的方法