CSS选择最后一个子元素的方法是使用:last-child伪类选择器。这个选择器可以匹配作为其父元素最后一个子元素的元素。示例代码：.parent>:last-child{/*样式规则*/}说明：.parent是父元素的类名。>表示直接子元素（即只选父元素的直接子元素，不包括更深层的后代元素）。:last-child匹配的是父元素中的最后一个子元素。注意事项：如果你只想选最后一个特定类

同样，span:last-of-type 会选择“文本 2”，因为它是 span 类型的最后一个。

常见使用场景

• 去除列表中最后一个同类元素的边框或分割线
• 调整排版中最后一段的外边距
• 在混合类型内容中精准控制样式

例如，下面这段代码可以去掉同类型按钮中最后一个的右边距：

注意事项

:last-of-type 是基于元素类型的，不是基于类名或位置。比如：

这两个都是 div 类型，所以 div:last-of-type 会选中第二个。

如果你希望按 class 区分，CSS 没有直接的 :last-of-class，需要借助其他方式，比如给最后一个添加特定类名，或使用 JS 控制。

终于介绍完啦！小伙伴们，这篇关于《CSS选择最后一个子元素的方法是使用:last-child伪类选择器。这个选择器可以匹配作为其父元素最后一个子元素的元素。示例代码：.parent>:last-child{/*样式规则*/}说明：.parent是父元素的类名。>表示直接子元素（即只选父元素的直接子元素，不包括更深层的后代元素）。:last-child匹配的是父元素中的最后一个子元素。注意事项：如果你只想选最后一个特定类型的子元素（例如最后一个

Win10清理DNS缓存命令及方法

上一篇

Win10清理DNS缓存命令及方法

下一篇

CapybaraAI能生成会议纪要吗？