:last-of-type CSS 偽類 表示了在（它父元素的）子元素列表中，最后一個(gè)給定類型的元素。當(dāng)代碼類似Parent tagName:last-of-type的作用區(qū)域包含父元素的所有子元素中的最后一個(gè)選定元素，也包括子元素的最后一個(gè)子元素并以此類推。
指定其父級的最后一個(gè)p元素的背景色：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
p em:last-of-type {
color: green;
}
</style>
</head>
<body>
<p>
<em>我沒有顏色 :(</em><br>
<strong>我沒有顏色 :(</strong><br>
<em>我有顏色 :D</em><br>
<strong>我也沒有顏色 :(</strong><br>
</p>
<p>
<em>我沒有顏色 :(</em><br>
<span><em>我有顏色!</em></span><br>
<strong>我沒有顏色 :(</strong><br>
<em>我有顏色 :D</em><br>
<span>
<em>我在子元素里，但沒有顏色!</em><br>
<span style="text-decoration:line-through;"> 我沒有顏色 </span><br>
<em>我卻有顏色！</em><br>
</span><br>
<strong>我也沒有顏色 :(</strong>
</p>
</body>
</html>測試看看 ?/?element:last-of-type { style properties }:last-of-type選擇器匹配元素其父級是特定類型的最后一個(gè)子元素。
提示: 和:nth-last-of-type(1)是一個(gè)意思。
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。
| 選擇器 | |||||
|---|---|---|---|---|---|
| :last-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |