问答详情
源自:8-6 捡了一个儿子 - 子选择器

为什么设置了两个样式,胆小如鼠没有显示蓝色边框呢

.first>span1{border:1px solid red;}

    .second>span2{border:2px solid blue;}

    </style>

</head>


<body>

    <p class="first second">三年级时,<span1>我还是一个<span2>胆小如鼠</span2>的小女孩</span1>,


提问者:浴火重生37394 2021-10-12 09:28

个回答

  • _青帝_
    2021-10-12 11:08:04
    已采纳

    /*子选择器作用的对象是选择指定标签元素的第一代子元素,应该改成:*/

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <style type="text/css">

       .first>span1{border:1px solid red;}

       .second span2{border:2px solid blue;} /*不要>*/

    </style>

    </head>

    <body>

    <p class="first second">三年级时,<span1>我还是一个<span2>胆小如鼠</span2>的小女孩</span1></p>

    </body>

    </html>