这道题目麻烦老师再帮忙解释一下,没看懂

这道题目麻烦老师再帮忙解释一下,没看懂

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

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

2回答
好帮手慕星星 2021-04-18 16:20:38

同学你好,li:first-child选择的是父元素中第一个li元素。例如在ul中,第一个li为下图红色框

http://img1.sycdn.imooc.com//climg/607beb62097d721304680457.jpg
即使li中有子内容,也是可以选中的。
这样li设置字体颜色为红色,所以整个li内字体颜色为红色,包括子元素。

祝学习愉快!

好帮手慕星星 2021-03-26 10:25:41

同学你好,li:first-child选择的是父元素中第一个li元素,那么在代码中第一个li如下:

http://img1.sycdn.imooc.com//climg/605d458409286f3905840619.jpg

而字体颜色是可以继承的,所以整个家用电器中字体颜色都是红色的,以及清洁用品中的第一个li洗衣液是红色的。

自己可以写代码测试下,祝学习愉快!

  • 提问者 LymSuper #1

    什么叫字体的颜色是可以继承的?整个家用电器中的字体颜色都是红色的,这里没有理解,我可以理解后面半句话~ 

    2021-04-15 21:45:27
  • 卡布琦诺 回复 提问者 LymSuper #2

    同学你好,字体颜色可以继承指的是说父元素设置了字体颜色,子元素没有设置字体颜色的情况下,会按照父元素设置的字体颜色进行显示,比如:

    http://img1.sycdn.imooc.com//climg/6079049409a3762810390788.jpg

    ​关于“整个家用电器中的字体颜色都是红色的”解析如下:

    http://img1.sycdn.imooc.com//climg/607905c5091639eb06240721.jpg

    希望可以帮到你,祝学习愉快!

    2021-04-16 11:34:52
  • 提问者 LymSuper 回复 卡布琦诺 #3

    li:first-child选择的是父元素中第一个li元素?这个不是只选择父元素中的子元素吗?

    还是说 li:first-child{color:red;}是选择父元素和子元素呢?还是不是很明白这一行代码的意义。

    这个颜色继承举例可以明白。 

    2021-04-17 22:15:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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