前端零基础入门 /升级页面化妆师CSS/CSS选择器/2-24编程练习

根据效果图，写出代码，实现：

（1） 每个列表的第一项字体颜色是红色

（2） 每个列表的第二项字体颜色是绿色

（3） 每个列表的第三项字体颜色是蓝色

要求用到first-child、last-child、nth-child中的知识。

效果图如下：

任务

第一步：先写出html结构（1个无序列表里面包含3个有序列表）

第二步：用匹配属于其父元素的首个子元素的指定选择器，将3个列表的第一项字体颜色设置为红色

第三步：用匹配属于其父元素的最后一个子元素的指定选择器，将3个列表的最后一项字体颜色设置为蓝色

第四步：用匹配属于其父元素的第N个子元素的选择器，将3个列表的第二项字体颜色设置为绿色

• 家用电器
  1. 冰箱
  2. 洗衣机
  3. 空调
• 清洁用品
  1. 洗衣液
  2. 消毒液
  3. 洗厕液
• 妇婴用品
  1. 奶瓶
  2. 奶粉
  3. 奶瓶