老师帮我看看

老师帮我看看

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

           

           .jiayong li:first-child,.qingjie li:first-child,.fuyin li:first-child{color:red;}

           .jiayong li:nth-child(2),.qingjie li:nth-child(2),.fuyin li:nth-child(2){color:green;}

           .jiayong li:last-child,.qingjie li:last-child,.fuyin li:last-child{color:blue;}

           

        </style>

    </head>

    <body>

        

        <ul>

            <li>

                <h3>家用电器</h3>

                <ol class="jiayong">

                    <li>冰箱</li>

                    <li>洗衣机</li>

                    <li>空调</li>

                </ol>

            </li>

            

            <li>

                <h3>清洁用品</h3>

                <ol class="qingjie">

                    <li>洗衣液</li>

                    <li>消毒液</li>

                    <li>洗厕液</li>

                </ol>

            </li>

            

            <li>

                <h3>妇婴用品</h3>

                <ol class="fuyin">

                    <li>奶粉</li>

                    <li>纸尿裤</li>

                    <li>奶瓶</li>

                </ol>

            </li>

        </ul>

    </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-07-26 15:02:47

同学你好,效果是对的,建议优化:可以通过将父元素调整为ol,统一设置样式,简化代码。如下:

http://img1.sycdn.imooc.com//climg/60fe5e1409e620ae05240569.jpg

祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码