请老师看一下嵌套问题
来源:2-24 编程练习
粉墨登场
2020-08-07 19:14:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
* {
font-size: 20px;
}
ol>li:first-child {
color: red;
}
ol>li:nth-child(2) {
color: green;
}
ol>li:last-child {
color: blue;
}
</style>
</head>
<body>
<ul>
<li>家用电器</li>
<ol>
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ol>
</ul>
<ul>
<li>清洁用品</li>
<ol>
<li>洗衣液</li>
<li>消毒液</li>
<li>洗厕液</li>
</ol>
</ul>
<ul>
<li>妇婴用品</li>
<ol>
<li>奶粉</li>
<li>纸尿裤</li>
<li>奶瓶</li>
</ol>
</ul>
</body>
</html>请问老师,ol应该嵌套在ul下面的li里面?还是应该在li的外面呢?
2回答
同学你好,建议将ol嵌套在li内,即如下形式:

样式书写是正确的,结构调整一下就可以了。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
粉墨登场
提问者
2020-08-08
好的谢谢老师
相似问题