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

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

来源：9-3 权值计算-特殊性

qq_蒋_5

2018-01-03 21:15

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

写回答关注

2回答

hehehehehehehehe

2018-01-10 10:31:15

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 ,所以显示为紫色！
这是我的理解

3 0

怜怜回复怜怜

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

2018-03-04 01:43:55

共 3 条回复 >
慕UI2832974

2018-01-03 21:39:22

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

0 0

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

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

1225806 学习 · 18234 问题

查看课程

相似问题

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

回答 3

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

回答 4

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

回答 3

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

回答 2

为什么用了!important，.first中的span还是红色？

回答 3

打开慕课网App查看更多内容