CSS中的:last-child偽類可以選擇一個元素的最后一個子節(jié)點(diǎn)。如果想要在最后一個子節(jié)點(diǎn)上應(yīng)用樣式,就可以使用這個偽類。
/* 選擇所有p元素的最后一個子節(jié)點(diǎn) */ p:last-child { color: red; }
以上代碼將選擇所有p元素的最后一個子節(jié)點(diǎn),并將其文字顏色設(shè)置為紅色。
需要注意的是,:last-child偽類只能匹配父元素下的最后一個子節(jié)點(diǎn)。如果想要選擇某個父元素下的最后一個特定子元素,可以先將子元素設(shè)置為同一個類名或ID,然后使用:last-of-type偽類來選擇特定子元素的最后一個。
/* 選擇類名為item的最后一個子元素 */ .item:last-of-type { color: blue; }
以上代碼將選擇類名為item的所有元素中的最后一個元素,并將其文字顏色設(shè)置為藍(lán)色。這里使用:last-of-type偽類是因為item元素并不一定是父元素下的唯一元素,可能還有其他元素。
總之,使用:last-child偽類可以非常方便地為最后一個子節(jié)點(diǎn)設(shè)置樣式,而使用:last-of-type偽類則可以選擇特定子元素的最后一個。
上一篇css最后一行怎么靠左
下一篇css最前顯示