关于type选择器的疑问

<section>
<div></div>
<span></span>
<span class="test"></span>
</section>

<script>
var ele = $('section > .test:first-of-type');
</script>

type选择器冒号前面是不是只能是标签名啊？？上面的代码就无法输出section下第一个class为test的元素

源自：jQuery选择器 6-2 过滤器之type系列

收起

1回答

好帮手慕码回答被采纳获得+3积分 2019-06-06 10:55:28

同学你好！

:first-of-type 选择器匹配元素其父级是特定类型的第一个子元素。

这里是可以使用类名的，但是需要把类名提前到第一个写

举个例子:这样是不生效的。

如果将.p提前到第一个就可以生效了：

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

cjq6502 提问者 #1

那是不是对于type选择器，作用于tag和class的方式不同？对于tag，就算不是同级第一个元素，用p:first-of-type可以选到对于class，如果不是同级第一个元素，用.class:first-of-type就选不到

2019-06-06 17:39:19
好帮手慕码回复提问者 cjq6502 #2

同学的理解是正确的。祝学习愉快，望采纳~

2019-06-06 18:43:17