3回答

好帮手慕慕子

2021-07-18

同学你好，对于你的问题解答如下：

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

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

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

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

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

可以写一写代码，查看效果，如下：

​

祝学习愉快~

0

好帮手慕慕子

2021-07-18

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

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

祝学习愉快~

0

hambkinjie

hp dir="ltr">家用电器和清洁用品的结构一模一样，为什么显示结果不一样？

h021-07-18

共1条回复

好帮手慕慕子

2021-07-18

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

祝学习愉快~

0

hambkinjie

hp dir="ltr">或者说，li的第一个孩子在这里是家用电器，为什么还会有第二个li的第一个孩子？

h021-07-18

共2条回复