2-33 选择题关于:nth-last-child()这个属性

:nth-last-child()这个属性的定义是：

:nth-last-child匹配属于其父元素的第N个子元素的每个元素，从最后一个子元素开始计数，不论子元素的类型。

在这道题里面，p:nth-last-child（2）的父元素是body，body倒数第二个元素是div,因为定义里面写着不论子元素类型，所以div也是可以的。…

不知道哪里理解有问题，希望能说一下，为什么一定要是P元素。

夜魇丶 2019-06-08

源自：CSS3选择器 2-33 选择题

8

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2019-06-09 16:36:00

你好同学，:nth-last-child理解的可以，但是同学忽略了:nth-last-child前面的选择器。p:nth-last-child（2）是选择倒数第二个元素，并且这个元素是p元素。本题中倒数第二个元素是div元素，所以不会选中。如果改为div:nth-last-child（2）才能把倒数第二个选中哦

祝学习愉快，望采纳。

夜魇丶提问者 #1

那如果把题目改成p:nth-of-type(2)的话，是否会跳过div元素，将<p>段落7</p>这一行染色？感谢老师回答。

2019-06-09 16:56:30

好帮手慕夭夭 2019-06-09 19:07:22

你好同学，：nth-of-type（n）是匹配特定类型元素的第n个元素。例如 p:nth-of-type(2)，意思是在p元素里面选中第二个p，所以p:nth-of-type(2)应用在本题中是让第二个p变色哦。

建议同学把本题的代码自己去实际写一下，能够帮助自己更好的理解。

祝学习愉快，望采纳。

相似问题

子元素筛选器

关于:nth-last-child()的一个问题。

关于结构伪类选择器:nth-last-child()的使用

关于nth-last-child（n）

1-5编程问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载