在這章中<span>的權值不高為什么，為什么會被選擇
<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>
2016-07-09
如果多個選擇器選中同一個元素，并且設置相同的屬性，則需要考慮css選擇器優先級
css選擇器優先級 id選擇器 > class選擇器 > 元素選擇器
選擇范圍越精確，優先級越高
同樣優先級，距離元素近起效(就近原則)
給屬性值后面加上!important可以提高屬性優先級，但不能濫用
但是 ，你這題里面不存在選中?同一個元素 。所以說 不用考慮優先級問題。就算優先級低也能顯示
2016-07-09
這段代碼里面 膽小如鼠有三個顏色可選 粉 紅 綠。
第一段因為指定了類class，原本的紅色被綠色取代。到了span這里，綠色是繼承屬性，權值很低（按照本章說法是0.1），而粉色的權值是1
2016-07-09
可以理解為 first本身權利值是10，而span是1 （哪個權利值大聽哪個）
但是first的權利能影響span的只有0.1，只有對p才是10，所以span會選擇自己的顏色。
2016-07-09
相同權值情況下就近？
2016-07-09
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*/
2016-07-09
span{color:purple;}權值為2.