:last-of-type

:last-of-type 是一个 CSS 伪类，用于选择父元素中最后一个特定类型的子元素。这个选择器可以帮助开发者精确地定位页面中的特定元素，无需为这些元素添加额外的类或 ID。

这个选择器的工作原理是基于元素的类型（如 div、p、span 等）而不是元素的类名或其他属性。当您需要选择某个父元素中最后一个特定类型的元素时，:last-of-type 非常有用，尤其是在处理动态生成的内容或不确定元素数量的情况下。

例如，如果您有一个包含多个不同类型子元素的容器，并且只想选择其中的最后一个 div 元素，您可以使用 div:last-of-type 选择器。这将选择该容器中的最后一个 div 元素，无论它前面有多少其他类型的元素。

需要注意的是，:last-of-type 选择器与 :last-child 选择器有所不同。:last-child 选择父元素中的最后一个子元素，无论其类型如何，而 :last-of-type 只选择最后一个特定类型的子元素。

这个选择器在现代浏览器中得到了广泛支持，包括 Chrome、Firefox、Safari 和 Edge，因此您可以放心地在项目中使用它，而无需担心兼容性问题。