首页 > 文章 > 前端

CSS中使用:last-of-type选最后一个段落

时间：2025-11-28 12:59:34 313浏览收藏

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《CSS中，可以使用伪类选择器 :last-of-type 来选中最后一个段落。例如：p:last-of-type { /* 样式代码 */ }说明：p 是标签选择器，表示所有

段落。:last-of-type 是伪类选择器，表示在同类型元素中最后一个。示例 HTML：

第一个段落。

第二个段落。

最后一个段落。

效果：上面的 CSS 会选择最后一个

元素（即“最后一个段落”）并应用样式。注意：如果页面中有多个不同类型的元素（如

、等），:last-of-type 仅针对同类型元素进行判断。如果需要更精确地选择最后一个段落，也可以使用 :last-child，但要确保它确实是父元素中的最后一个子元素。p:last-child { /* 样式代码 */ }》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

选中最后一个段落应使用p:last-of-type选择器，它能精准定位同类型元素中的末尾
标签，即使其后存在其他类型标签，如示例中“第三段”仍被正确选中并应用样式。

如何用css选择器选中最后一个段落

要选中最后一个段落，可以使用CSS的 :last-of-type 伪类选择器。这个选择器能匹配同类型元素中的最后一个。

选中最后一个段落（
标签）

如果你的段落是用

标签写的，可以直接这样写：

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

这段CSS会选中其父容器内最后一个

元素，并将文字颜色变为红色。

注意事项

确保理解以下几点，避免误选：

:last-of-type 是按元素类型找最后一个，不是整个文档的最后一个段落。如果后面还有其他类型的标签（比如
或
），只要没有其他
，它仍会选中最末尾的那个
。
如果想选中某个容器里的最后一个子元素且它是段落，也可以结合 :last-child，但前提是它确实是最后一个子元素。
若只是想选中页面上唯一的或特定区域的最后一个
，推荐使用 p:last-of-type 更稳妥。