老师，:first-of-type{}和:nth-child(){}有什么区别？

首页课程实战体系课手记专栏慕课教程

来源：2-4 html5页面布局（表现层_main）

键盘上的莫扎特

2019-07-21 10:17:10

我记得在前几期视频中，有讲过:nth-child(){}使用方法，好像也是选择第几个元素，那它跟:first-of-type{}有区别吗？

写回答

1回答

好帮手慕码

2019-07-21

同学你好！

二者不同，是有区别的：

:first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素。

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

第一个是选取特性类型下的元素，第二天是选取第n个子元素（不论类型）

如果帮助到了你欢迎采纳祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2