p span{color:purple;}的权值为2,.first{color:green;}的权值为10,为什么输入p span{color:purple;}后,“胆小如鼠”变为紫色而不是绿色?
p span{color:purple;}是给span元素设置的颜色
.first{color:green;}是给span的父元素设置的颜色
如果没有给span元素设置颜色,才会继承父元素的颜色,否则有限使用设置的颜色。
其他全部同理
至于class的权值比id的权值低,是相对于同一级用一个标签元素而言的。
that's all,thank you .
.first只是应用到P元素里,到span元素已经是继承了。
继承的权值很低,据说只有0.1。
那p span{color:purple;}的权值为2。
0.1<2,当然显示是紫色。