<style type="text/css"> /*p{color:red;}*/ span{color:pink;}/*设置为粉色*/ .first{color:green;}/*因为权值高显示为绿色*/ </style>
.first{color:green;}/*因为权值高显示为绿色*/是针对 p元素的直接指定,并不是针对 span 元素定义的,所以计算 span 的 color 属性权重值时,实际上就是 span继承 的绿色(很小)与直接指定的span{color:pink;}/*设置为粉色*/粉色(权重值1)的对比。
因为span和p或.first不是同一个元素,不会和p或.first比较权值。
因为他的权值最高,最小的后代标签权值一般是最高的,样式也是,
.first{color:pink;}
span是内联选择器
你可以按照它的提示来,很简单的。