子元素筛选器
老师,这里面有一些视频内没有讲解的筛选器是什么含义
:nth-last-child()
:nth-of-type()
:nth-last-of-type()
:only-child()
:only-of-type()
17
收起
正在回答 回答被采纳积分+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 个子元素的所有元素,从最后一个子元素开始计数。
以上三个选择器的参数是一样的,参考下面的:
4、:only-child 选择器选取属于其父元素的唯一子元素的每个元素。注意它没有参数。
5、:only-of-type 选择器选取属于其父元素的特定类型的唯一子元素的每个元素。注意它也没有参数。
以上是这几个选择器的语法和参数的描述,另外课程中老师都是展示了效果的,可以再去听一下视频。具体的nth-of-type(2)是什么样的效果同学要自己去测试,不能靠猜哦。要多动手去测试,才能记忆犹新。
加油!
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星