请老师检查
来源:2-24 编程练习
慕前端2064318
2019-08-01 17:53:03
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title></title>
<style type="text/css">
/*此处写代码*/
ul > li > ol > li:nth-child(1) {
color: red;
}
ul > li > ol > li:nth-child(2) {
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>
1回答
同学你好,
代码实现效果没有问题,可以将第一项和最后一项换成其他选择器哦:
祝学习愉快!