根据权值大小规则:标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100.那"胆小如鼠"四个字应该在.frist类选择符、p标签、span标签中。这是影响它的权值应该是10>1>1.即使添加了p span{color:purple;}代码过后,赋予“胆小如鼠”的权值也应该是1+1=2.可是也大不过.first类选择符的权值10啊。那为什么胆小如鼠会根据p span{color:purple;}代码运行?
虽然first类权值高,但是它只作用在<p>标签上,到<span>标签的时候是继承了,继承的权值很低的,有的文献说继承的权值只有0.1。
p span{}的权值比继承的权值高,2>0.1(继承权值),所以执行的还是p span{}。