CSS | :last-of-type 选择器

CSS | :last-of-type 选择器用于选取某个元素的最后一个同类元素。

语法：

selector:last-of-type {
  properties
}

selector: 要选择的元素的类型或类名。

last-of-type: 伪类选择器，表示要选择的元素类型中的最后一个。

示例:

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>梨</li>
  <li>西瓜</li>
  <li>菠萝</li>
</ul>

要将列表中的最后一个列表项的文本颜色设置为红色，可以使用以下 CSS 代码：

li:last-of-type {
  color: red;
}

此代码将选中最后一个 li 元素，并将其文本颜色设置为红色。

注意：要使用 :last-of-type 选择器，元素必须有一个相同的父元素。如果没有，则无法使用此选择器。

参考链接：CSS :last-of-type 选择器