为什么清洁用品不是全部

为什么清洁用品不是全部

清洁用品的排版和家用电器一样都是在li里面http://img1.sycdn.imooc.com//climg/5f76f5ad090603e206140755.jpg

正在回答

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

3回答

同学你好,颜色属性是会被继承的,所以li字体为红色,子元素ol中的内容也会是红色。上一次截图中老师有圈起来,圈中的都会是红色字体

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

清洁用品是第二个li,不是第一个,所以字体不是红色,而洗衣液是ol中的第一个li,所以字体为红色。

自己再理解下,祝学习愉快!

小fa花 2020-10-15 19:44:13

这个是按层级来的。

对于ul这一层级而言下面有三个大的li块:家用电器,清洁用品,妇婴用品。在这一层级而言,第一个li子元素是家用电器所在的一整块(包括家用电器和ol块),所以这第一个li大块里面都是红色。

程序里面在“家用电器”和“清洁用品”下面都有ol块,每个ol块里面都有三个li。所以对于“家用电器”下面的ol部分而言,第一个li就是冰箱,要变红;对于“清洁用品”下面的ol部分而言,第一个li是洗衣液,所以也要变红。


总结下来意思就是,如果选择器写的是 li:first-child,而没有指定父元素的话,那么每一层级的第一个li都会遵循相应的选择器属性设置。

  • “没有指定父元素”这句话很重要。感觉小慕官方都没这位同学回答的准确。

    2021-07-14 22:44:54
好帮手慕星星 2020-10-07 16:58:36

同学你好,是选择器的原因,li:first-child的意思是第一个li,下图所示:

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

清洁用品是第二个li,里面的ol子元素li才有第一个,所以显示红色。

自己再测试理解下,祝学习愉快!

  • 提问者 学如逆海行舟 #1
    为什么家用电器全部变红 清洁用品只是洗衣液变红
    2020-10-07 19:32:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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