老师看下效果

来源:2-24 编程练习

菜鸟00001

2019-03-12 11:15:31

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

           /*此处写代码*/

           ul > li > ol >li:first-child{color:red;}

           ul > li > ol >li:nth-child(2){color:green;}

           ul > li > ol >li:last-child{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回答

好帮手慕星星

2019-03-12

你好,代码实现效果是正确的。

祝学习愉快!

0

0 学习 · 5012 问题

查看课程