p{color:red;} .first{color:green;}/*因为权值高显示为绿色*/ span{color:pink;}/*设置为粉色*/ p span{color:purple;} ?????? .first{color:green;}/*权值100*/不是应该大于p span{color:purple;} /*权值2*/ 这么说起来应该是显示绿色的呀,求大神讲解讲解
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 ,所以显示为紫色!
这是我的理解
.first{color:green;}/*权值10*/
#first{color:green;}/*权值100*/