p span.warning{color:purple;} /*权值为1+1+10=12*/权值高于p{color:red;} /*权值为1*/为什么第二段文字显示的是红色?
标签不同
在标签相同的情况下 才进行权值比较
因为p span.warning这个样式只管到第一段文字(因为 这些样式在第一段内),而p{color:red}理论上管到所有p标签,只是第一段中那些样式的权值超过p的权值而被覆盖。求点赞!