源自：9-3 权值计算-特殊性
下面的代码权值看不懂
上图中.first{color:green:red；}的权值是10；
p span{color:purple；}的权值是2
明明first{color:green:red；}的权值大于p span{color:purple；}的权值，为什么“胆小如鼠”还是显示颜色会是purple？
这个权值的比较规则是什么？
提问者：qq_心随风动_0
2015-10-05 17:17
个回答
-
- Kusoku
- 2015-10-05 19:14:53
第一条样式，直接作用于p元素，而不是直接作用于span元素，第二条样式直接作用于span元素，两条样式针对的元素都不同，比较权值有什么意义
“胆小如鼠”是span内的文本内容，.first｛｝作用的是p内部文字，在没有第二条样式情况下，span内文字之所以跟p内文字颜色相同，这是因为color属性会继承，span文字颜色继承自p上的样式，继承样式特殊性为0，