<style type="text/css">
p{color:red;}
span{color:purple;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
根据权值计算.first的权值是10 span的仅为1，为什么这种情况下p中的span还是显示紫色
.first 是继承p 所以权值为0.1 但相对于p来说.first权值较高 p span 权值为2 高于前面权值
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
span是p.first的子元素，设置p.first的css作用在其子元素span上的权值只有0.1，而span是直接的标签选择器，它的权值为1，而 1 > 0.1，所以span{color：purple}有效，显示的是紫色