哪里判定有误,为什么不通过

来源:8-6 捡了一个儿子 - 子选择器

幻想未来_慕粉1473418196

2020-07-01 11:43

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>子选择器</title>

    <style type="text/css">

    /*添加边框样式(粗细为1px, 颜色为红色的实线)*/

    .first>span{

        border: 1px solid red;

    }

    .food>li {

        border: 1px solid red;

    }

    

    </style>

</head>


<body>

    <p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <h1>食物</h1>

    <ul class="food">

        <li>水果

            <ul>

                <li>香蕉</li>

                <li>苹果</li>

                <li>梨</li>

            </ul>

        </li>

        <li>蔬菜

            <ul>

                <li>白菜</li>

                <li>油菜</li>

                <li>卷心菜</li>

            </ul>

        </li>

    </ul>

</body>


</html>


写回答 关注

2回答

  • 幸福的小草
    2020-07-03 01:34:12
    已采纳

    你好, 代码本身是没有错误的. 网站的在线编辑检查只是简单的代入式判断, 不是很严谨. 所以不要在意这些~当然也是慕课网需要改进的地方. 我个人觉得.  不通过的原因是因为 

        .first>span{

            border: 1px solid red;

        }

    冒号:和1之间多了个空格,  按正常的, 应该是空格会好看一点.   

    变成这样         border:1px solid red; 就可以通过了(已亲测)

    只怪判断太傻瓜式, 要相信自己, 加油

    另外建议多用自己的编辑器将代码敲出来, 并用浏览器打开排查有没有错误. 

    希望可以帮到你, 如果可以, 请给个最佳答案. 谢谢



  • qq_慕神2037081
    2020-07-01 13:12:19

     <li>水果

                <ul>

                    <li>香蕉</li>

                    <li>苹果</li>

                    <li>梨</li>

                </ul>

            </li>


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225288 学习 · 18230 问题

查看课程

相似问题