请问大家,为什么“胆小如鼠”四个字不会变绿呢?

来源:8-10 给选择器分个组 - 分组选择器

慕婉清7184882

2017-08-09 20:12

请问大家,为什么“胆小如鼠”四个字不会变绿呢?

写回答 关注

5回答

  • foryou721
    2017-09-18 15:13:58

    你不把第7行删除的话,胆小如鼠四个字就是红色的。

  • YIFAN111
    2017-09-04 20:37:46

    为什么我的就会变绿呢??大家的都不会变绿吗?


  • Soul_Zeus
    2017-08-17 10:34:29

    h1,span{color:red;}        /*标签权值为1*/

    .first{color:green;}       /*类权值为10*/

    /*由first来渲染first内部的span属于继承,继承的权值为0.1*/

    #second span{color:green;} /*ID权值为100 + 1*/

    经9.2的学习回头来补充回答,这样的解释应该是正确的。按权值由高到底,一目了然

    Soul_Z... 回复慕仰3456...

    大的覆盖小的

    2017-08-29 09:53:41

    共 2 条回复 >

  • Soul_Zeus
    2017-08-17 10:18:41

    经过反复实验,个人认为是优先级的原因
    第一步:   .first{color:green}渲染了第一段把第一段变绿
    第二步:  由span{color:red}渲染了所有span内的内容,变红

    第三步:  由#second{color:green}将第二段的span内容变绿

    总的来说,在这个例子里面分为两个等级,可以把h1,first,second看作是大范围,span看作是局部
    覆盖颜色的顺序是   大范围  早于  局部     亦可说   局部 覆盖 大范围
    当级别相同时,就看代码的先后,写在后面的覆盖前面的


    好了,这个是个人的理解,如有错误欢迎指出


  • 澹台云夜
    2017-08-09 20:35:00

    后面写的css覆盖了前面的

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

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

1228534 学习 · 19032 问题

查看课程

相似问题