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

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

浴火重生37394

2021-10-12 09:28

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

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

    </style>

</head>


<body>

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


写回答 关注

1回答

  • _青帝_
    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>



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

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

1225316 学习 · 18230 问题

查看课程

相似问题