:first-of-type 选择父元素中某类型第一个子元素，如 p:first-of-type 选中首个 p；:last-of-type 则选中该类型最后一个子元素，如 p:last-of-type 选中末个 p；两者均仅在同类型标签内按顺序匹配，忽略其他标签类型影响。
:first-of-type 和 :last-of-type 是 CSS 中的结构伪类，用于选择父元素中特定类型的第一个或最后一个子元素。它们的区别在于匹配的位置方向不同。
该伪类选择父元素中同类型标签的第一个元素。
例如，在一段内容中选择第一个段落 p：
p 标签，:first-of-type 会选中其中最先出现的那个。示例代码：
<p>这是第一个段落</p>使用 p:first-of-type 会选中“这是第一个段落”这个元素。
立即学习“前端免费学习笔记（深入）”；
与前者相反，它选择父元素中同类型标签的最后一个元素。
继续以上面的例子：示例代码：
<p>第一段</p>p:last-of-type 会选中“最后一段”，即使后面没有其他 p，它也是唯一且最后一个。
基本上就这些。理解它们的关键是记住“同类型”和“在父容器中的顺序”。
以上就是css伪类:first-of-type与last-of-type区别的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
776
收藏
