关于last-child问题

老师，视频中对于last-child的定义是：指定属于其父元素的最后一个子元素的Element元素。

可是按照视频演示内容，第二个section下的三个div应该都变红呀！

两个section和最上面的三个div是同级关系（兄弟），第二个section是body的下的最后一个子元素！

源自：CSS3选择器 2-23 结构类——First-Child和LastChild和nth-Child

收起

1回答

好帮手慕粉 2019-10-12 12:53:45

同学你好，

1、 xx:last-child只能选到父元素下的最后一个标签是xx元素哦，因为只能有一个元素属于最后。

2、 div:last-child指的是父元素下的最后一个div哦，所以第二个section下只有最后一个div才会变红哦。

希望我的回答能够帮助到你，望采纳，祝学习愉快！

Lzmmmmmmmmm #1

div:last-child指的是父元素下的最后一个div的话 body的第三个div为什么没有变红？意思是第一步先判断父元素中的最后一个元素是不是 xx？是的话才渲染。不是的话就不渲染？

2019-11-21 17:39:55
好帮手慕粉回复 Lzmmmmmmmmm #2

同学你好，关于同学的问题解答如下： 1、因为相对于body而言，最后一个元素并不是div，所以第三个div没有变红。 2、是的。会先在最近的父级里面进行判断，是的话才会进行渲染。如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

2019-11-21 18:32:18