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