为什么不是选择A和B?

为什么不是选择A和B?

http://img1.sycdn.imooc.com//climg/60f3d7150999ea5c16090809.jpg

为什么不是选择A和B?

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

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

3回答
好帮手慕慕子 2021-07-18 18:04:31

同学你好,对于你的问题解答如下:

1、li:first-child 表示选择作为第一个子元素的li

2、“家用清洁”和“清洁用品”所在的li,虽然结构相同,但“家用清洁”对于它的父元素ul来说是第一个子元素,所以会被选择,文字显示为红色,由于ol会继承li设置的color,所以“家用电器”列表所有文字都为红色。

而“清洁用品”是ul下的第二个子元素,不符合条件,所以不会选择。

3、“洗衣液”所在的li,对于它的父元素ol来说,属于第一个子元素li,所以会被选择,文字显示为红色。

4、同理,“冰箱”所在的li,对于它的父元素ol来说,属于第一个子元素li,所以会被选择,文字显示为红色。

可以写一写代码,查看效果,如下:

http://img1.sycdn.imooc.com//climg/60f3fc6709ba32b912860745.jpg

祝学习愉快~

好帮手慕慕子 2021-07-18 17:29:06

同学你好,“家用电器”所在的li作为ul下的第一个子元素,会被选择并设置color: red;属性,所以”家用电器“文字是红色的,由于ol元素默认会继承li设置的color属性,所以“家用电器”列表中的文字均为红色,所以A选项是对的。

结合上一条回答的解析,所以D选项也是对的。

祝学习愉快~

  • 提问者 lambkinjie #1

    家用电器和清洁用品的结构一模一样,为什么显示结果不一样?

    2021-07-18 17:36:57
好帮手慕慕子 2021-07-18 15:38:42

同学你好,因为li:first-child表示选择父元素下的第一个li子元素,可以结合下图标注理解

http://img1.sycdn.imooc.com//climg/60f513ec0919740f14010692.jpg

祝学习愉快~


  • 提问者 lambkinjie #1

    如果是这个逻辑的话,A选项也是错误的,因为家用电器里面只有冰箱是红色,而A和D选项说家用电器的列表项均为红色

    2021-07-18 17:12:10
  • 提问者 lambkinjie #2

    或者说,li的第一个孩子在这里是家用电器,为什么还会有第二个li的第一个孩子?

    2021-07-18 17:42:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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