<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
span{color:purple;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
如果多个选择器选中同一个元素，并且设置相同的属性，则需要考虑css选择器优先级
css选择器优先级 id选择器 > class选择器 > 元素选择器
选择范围越精确，优先级越高
同样优先级，距离元素近起效(就近原则)
给属性值后面加上!important可以提高属性优先级，但不能滥用
但是 ，你这题里面不存在选中 同一个元素 。所以说 不用考虑优先级问题。就算优先级低也能显示
这段代码里面 胆小如鼠有三个颜色可选 粉 红 绿。
第一段因为指定了类class，原本的红色被绿色取代。到了span这里，绿色是继承属性，权值很低（按照本章说法是0.1），而粉色的权值是1
可以理解为 first本身权利值是10，而span是1 （哪个权利值大听哪个）
但是first的权利能影响span的只有0.1，只有对p才是10，所以span会选择自己的颜色。
相同权值情况下就近？
P{color:red;}/*权值为1*/
P span{solor:green;}/*权值为1+1=2*/
.warning{color:white;}/*权值为10*/
P span.warning{color:purple;}/*权值为1+1+10=12*/
#footer .note p{color:yellow;}/*权值为100+10+1=111*/
span{color:purple;}权值为2.