麻烦老师验证正误
来源：2-24 编程练习
ponly
2019-01-23 22:29:45
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
ul > li > ol > li:first-child{
color:#f00;
}
ul > li > ol > li:last-child{
color:green;
}
ul > li > ol > li:nth-child(3){
color:blue;
}
</style>
</head>
<body>
<ul>
<li>
<ol>
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ol>
</li>
<li>
<ol>
<li>洗衣液</li>
<li>消毒液</li>
<li>洗厕液</li>
</ol>
</li>
<li>
<ol>
<li>奶粉</li>
<li>纸尿裤</li>
<li>奶瓶</li>
</ol>
</li>
</ul>
</body>
</html>
2回答
-
Steve007
2019-01-24
同学，你好。有如下问题：
last-child表示最后一项，这里应该设置蓝色。第二项用nth-child（2）来设置，设置成绿色。
如图：
2.建议给每个分类写上分类名称。如图：
祝学习愉快！
0 -
好帮手慕星星
2019-01-24
你好，代码中少了每一个分类的标题，以及每一类的第二项字体颜色没有变为绿色：
是代码中设置样式冲突了：
使用last-child与nth-child(3)这两个选择的是相同的元素，所以后面的样式覆盖了前面的，缺少一个中元素的样式，可以修改为：
每一个分类的标签可以在ul下面的li中添加：
自己可以完善下，祝学习愉快！
0
相似问题