慕婉清7184882
2017-08-09 20:12
请问大家,为什么“胆小如鼠”四个字不会变绿呢?
你不把第7行删除的话,胆小如鼠四个字就是红色的。
为什么我的就会变绿呢??大家的都不会变绿吗?
h1,span{color:red;} /*标签权值为1*/
.first{color:green;} /*类权值为10*/
/*由first来渲染first内部的span属于继承,继承的权值为0.1*/
#second span{color:green;} /*ID权值为100 + 1*/
经9.2的学习回头来补充回答,这样的解释应该是正确的。按权值由高到底,一目了然
经过反复实验,个人认为是优先级的原因
第一步: .first{color:green}渲染了第一段把第一段变绿
第二步: 由span{color:red}渲染了所有span内的内容,变红
第三步: 由#second{color:green}将第二段的span内容变绿
总的来说,在这个例子里面分为两个等级,可以把h1,first,second看作是大范围,span看作是局部
覆盖颜色的顺序是 大范围 早于 局部 亦可说 局部 覆盖 大范围
当级别相同时,就看代码的先后,写在后面的覆盖前面的
好了,这个是个人的理解,如有错误欢迎指出
后面写的css覆盖了前面的
初识HTML(5)+CSS(3)-升级版
1228534 学习 · 19032 问题
相似问题