子元素筛选器

子元素筛选器

老师,这里面有一些视频内没有讲解的筛选器是什么含义

:nth-last-child()

 :nth-of-type()

 :nth-last-of-type()

:only-child()

:only-of-type()

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
Miss路 2018-03-13 10:30:05


1、:nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。

2、 :nth-of-type() 选择器来选取属于其父元素的特定类型的第 n 个子元素的所有元素。

3、nth-last-of-type() 选择器选取属于其父元素的特定类型的第 n 个子元素的所有元素,从最后一个子元素开始计数。

以上三个选择器的参数是一样的,参考下面的:

http://img1.sycdn.imooc.com//climg/5aa7370e0001f78107440274.jpg

4、:only-child 选择器选取属于其父元素的唯一子元素的每个元素。注意它没有参数。

5、:only-of-type 选择器选取属于其父元素的特定类型的唯一子元素的每个元素。注意它也没有参数。

以上是这几个选择器的语法和参数的描述,另外课程中老师都是展示了效果的,可以再去听一下视频。具体的nth-of-type(2)是什么样的效果同学要自己去测试,不能靠猜哦。要多动手去测试,才能记忆犹新。

加油!

Miss路 2018-03-12 18:54:58

这些筛选器就是选择器,选择想要筛选的元素,然后对元素进行操作,设置颜色呀,背景呀。要灵活一点哦。祝学习愉快!

  • 提问者 慕仙8097514 #1
    老师,这几个筛选器括号内是可以填数字的吧,那nth-last-child(2)的意思是选中倒数第二个吗?nth-of-type(2)意思是选中第二个类型相同的吗?nth-last-of-type(2)和only-child(2)、only-of-type(2)我猜不到是什么意思
    2018-03-12 21:42:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师