CSS3中有許多偽類,其中有一個是 :last-of-type,代表選擇符匹配所在父元素下相同類型的最后一個元素。
/* 示例代碼 */ ul li:last-of-type { color: red; }
上述代碼將會選擇匹配ul元素下最后一個li元素并將文字顏色設為紅色。
值得注意的是,:last-of-type偽類只匹配相同類型的元素,所以如果有不同類型的元素混合在一起,可能無法得到想要的效果。下面是一個示例:
/* 示例代碼 */ div >:last-of-type { color: red; }
上述代碼將選擇匹配div元素下的最后一個子元素并將文字顏色設為紅色。如果div元素下的最后一個子元素不是相同類型的元素,那么這個偽類將不起作用。
:last-of-type偽類是一個很實用的選擇器,在寫一些特定的樣式時可以大大簡化代碼的書寫。
下一篇css3 從底部顯示