>作用范围

来源:8-7 这么快就当爷爷了? - 后代选择器

螭凃

2015-11-17 14:13

564ac5610001bd2303530041.jpg

564ac56100013cc703370089.jpg

564ac5610001f5ff04870231.jpg

为什么显示时,第二个span内也变为红色了

写回答 关注

3回答

  • Perona
    2015-11-17 14:42:06
    已采纳

    第二个span元素也是first类的子元素呀。好比说一个人生了2个孩子,你不能说第二个孩子不是他的第一代呀。这样写就容易看了,如:

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


    Perona 回复螭凃

    不是哦,第二个span元素属于孙代了。这个第二个span元素会变成红色,是因为继承第一个span的颜色。可以把span元素设置为别的样式。你就会发现“小如”变成别的颜色。代码见下方。

    2015-11-17 15:34:05

    共 3 条回复 >

  • Perona
    2015-11-17 15:34:29
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>后代选择器</title>
    <style type="text/css">
    .first>span{color:red;}
    span{color:blue;}
    </style>
    </head>
    <body>
     <p class="first">三年级时,我还是一个
    <span>胆<span>小如</span>鼠</span>
    的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    </body>
    </html>


    Perona 回复螭凃

    不客气~~

    2015-11-17 20:01:24

    共 2 条回复 >

  • echo_kinchao
    2015-11-17 14:56:44

    这个代表的直接元素  就是在父元素 后面的直接作用元素才会起作用的

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

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

1225820 学习 · 18235 问题

查看课程

相似问题