请老师看一下嵌套问题

来源: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回答

好帮手慕久久

2020-08-08

同学你好,建议将ol嵌套在li内,即如下形式:

http://img.mukewang.com/climg/5f2e00f909af7ae104120284.jpg

样式书写是正确的,结构调整一下就可以了。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

粉墨登场

提问者

2020-08-08

好的谢谢老师

0

0 学习 · 40143 问题

查看课程