问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

如果只改字体颜色

如果把第10行改为color:red;.第9行还是.food>li 下面的ul表格字体全是红色的。不应该是只有第一类"水果"和"蔬菜"才变红,怎么都变红了?

提问者:双补丸 2016-03-02 11:20

个回答

  • Jenny_01
    2016-03-02 11:39:55
    已采纳

    CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。   见9-1继承

  • laoduDYM
    2016-03-02 11:59:16

    5楼正解,因为你没设置里面<li>标签的颜色所以就继承父代的了,想改颜色你可以设置下。


    .food>li>ul>li{

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

    }


  • Ry_An
    2016-03-02 11:44:45

    5楼正解,继承的问题,原本的border:1px solid red;不具备继承性,而color会被继承,应用于所有的子元素文本

  • R4
    2016-03-02 11:38:58

    水果 苹果 香蕉 是同一个级别的

  • fil_m
    2016-03-02 11:36:33

    因为food下面一级就是水果和蔬菜这两大块,color:red; 改的是字体颜色,肯定是改水果和蔬菜这两个块里面所有文字的颜色

  • qq_水中鱼_0
    2016-03-02 11:32:16

    food>li选择它的直接子元素,后面几个都是它的子元素

  • qq_CrazyAlien_0
    2016-03-02 11:31:25

    后代选择器是作用于所有子后代元素,后面的都是自后代元素