CSS中:first-of-type与:last-of-type用法详解
2026-02-07 19:50:58
0浏览
收藏
目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《CSS中:first-of-type与:last-of-type的使用方法》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
为什么 :first-of-type 并不等于「第一个子元素」
它匹配的是其父元素中**同类型标签的第一个出现**，不是按 DOM 顺序排的第一项。比如父元素里先有 常见误用场景：想给列表第一个 、再有 、又一个 ，那么第二个 不会匹配 :first-of-type，但第一个 会——即使它前面还有别的标签。
加样式，却在父 li:first-of-type，结果发现没生效。原因可能是 。此时 :first-of-type 仍有效，但你得确认目标 确实是所有 中的第一个。