为什么用空格代替大于号,子选择器也可以正常使用

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

慕瓜7223809

2018-06-10 20:31

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

.food li ul li{

    border:1px dashed red;

}


写回答 关注

3回答

  • 慕数据3296523
    2018-06-28 17:04:30

    p  span指的是P元素里面包含所有的span元素    p>span指的是子元素span元素;例如<p><em><strong></strong></em></p>,p  span可以起作用,P>span 不起作用

  • 王王大可qii
    2018-06-10 21:50:22

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>子选择符</title>

    <style type="text/css">

    .food>li{border:1px solid red;}/*添加边框样式(粗细为1px, 颜色为红色的实线)*/

    .first>span{

        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>

    你把这个代码的大于换成空格看看就明白了

  • 空黑
    2018-06-10 21:03:34

    解决了吗?

    慕瓜7223...

    下个章节有提到 空格代表下面包含的所有集合都包含在里面 大于号是下一级的意思

    2018-06-10 23:14:46

    共 1 条回复 >

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

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

1225297 学习 · 18230 问题

查看课程

相似问题