实测:body下的子元素,无法使用序号选择器,我认为本题有误。

实测:body下的子元素,无法使用序号选择器,我认为本题有误。

# 下面是本题的截图
    ​http://img1.sycdn.imooc.com//climg/5fb8e27509c8682c14360689.jpg

#下面是我本地的代码

    ​http://img1.sycdn.imooc.com//climg/5fb8e2e7094d4d7915190862.jpg


按照本题的解题思路,我写的代码就会让<div>c++</ div>变成红色


但是,跑出来的结果并非如此。


#下面是本地的另一种尝试

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


那么结果显示,在body的子元素中,是无法使用序号选择器。需要使用一层div将刚才的结构进行包裹,使得刚才的结构成为body的“孙子”元素,才能够让代码如题一样生效。


所以我认为,本题的答案是存在问题的。


请老师帮我看看,是否我的思路有问题?


在这里输入代码,可通过选择【代码语言】突出显示

正在回答

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

4回答

同学你好, 本题答案是没有问题的,body下的子元素可以使用:last-child选择器。如下图所示:

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

同学截图中的代码,因为使用了插件打开页面,插件默认在html文件中添加script标签,导致此时内容为C++的div元素并不再是body下的最后一个子元素,所以无法使用div:last-child选择到元素。如下图所示:

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

同学可以不使用插件,直接在浏览器中打开页面测试下,祝学习愉快~


曼曼喜欢你 提问者 2020-11-21 18:18:04
曼曼喜欢你 提问者 2020-11-21 18:10:17

下面我给出这个问题的解决方法:

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


应该使用的是:last-of-type序号选择器。我仍然认为本题有误

曼曼喜欢你 提问者 2020-11-21 18:00:51

我自己补充一下,我的理解不是很严谨:


我做了下一道题我才发现,body下的子元素,无法使用序号选择器  这个观点是错误的


应该改为body下的子元素,无法使用:last-child序号选择器

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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