                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

.first不是大于p span，为什么还是紫色的？？？？

p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} ？？？？？？ .first{color:green;}/*权值100*/不是应该大于p span{color:purple;} /*权值2*/ 这么说起来应该是显示绿色的呀，求大神讲解讲解

qq_蒋_5

2018-01-03

源自：初识HTML(5)+CSS(3)-升级版 9-3

关注问题我要回答

1044

操作

收起

2 回答

hehehehehehehehe
2018-01-10

p{color:red;}/*权值为1*/ .first{color:green;}/*权值为10*/ 所以显示为绿色，然后span继承，span的权值为0.1

然后，span{color:pink;}/*权值为1*/ 1>0.1 ,所以显示为pink粉色。现在span权值为1，p的权值为1， p span{color：purple；}/*权值为1+1=2*/ 2>1 ,所以显示为紫色！

这是我的理解

0 回复有任何疑惑可以回复我~

#1

我看错了...

2018-03-04 回复有任何疑惑可以回复我~

#2

怜怜回复怜怜

由于后面还有一个p span(color:purple;) 所以最终颜色应为紫色；如果没这个语句，只有p和span标签语句的话，应该是粉色，它们权值相同，后面的语句会覆盖掉前面的

2018-03-04 回复有任何疑惑可以回复我~

慕UI2832974
2018-01-03

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

#first{color:green;}/*权值100*/

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1222424 人
解答问题 18209 个

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

本课相似问答

3 回答.first的优先级大于 p span的优先级，为什么会变成紫色？

4 回答.first span{color:purple;}/*设置为紫色*/

3 回答p span{color:purple;} 中 purple是紫色可以用violet不呀也是紫色的英文

2 回答p.first span{color:purple;}胆小如鼠就显示紫色。但p空格.first span{color:purple;}就不生效。为什么？

5 回答span的权值只有1，低于.first，为什么“胆小如鼠”是span的颜色，不是.first的颜色

搜索更多本课相关问答

.first不是大于p span，为什么还是紫色的？？？？

我要回答关注问题

意见反馈帮助中心 APP下载