View in EnglishAlways switch to English

:last-of-type

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

:last-of-typeCSS 伪类表示了在（它父元素的）子元素列表中，最后一个给定类型的元素。当代码类似 Parent tagName:last-of-type 的作用区域包含父元素的所有子元素中的最后一个选定元素，也包括子元素的最后一个子元素并以此类推。

语法

element:last-of-type { style properties }

示例

css

p em:last-of-type {  color: lime;}

html

<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> 我没有颜色 </span><br />    <em>我却有颜色！</em><br /> </span  ><br />  <strong>我也没有颜色 :(</strong></p>

结果如下：