特殊性
有的時候我們?yōu)橥粋€元素設置了不同的CSS樣式代碼，那么元素會啟用哪一個CSS樣式呢?我們來看下面的代碼：
p{color:red;}
.first{color:green;}
<p class="first">三年級時勺远，我還是一個<span>膽小如鼠</span>的小女孩。</p>
p和.first都匹配到了p這個標簽上捣作，那么會顯示哪種顏色呢？green是正確的顏色，那么為什么呢逛艰？是因為瀏覽器是根據(jù)權值來判斷使用哪種css樣式的赛惩，權值高的就使用哪種css樣式巧还。
下面是權值的規(guī)則：
標簽的權值為1，
類選擇符的權值為10坊秸，
ID選擇符的權值最高為100麸祷。例如下面的代碼：
p{color:red;}/*權值為1*/
p span{color: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*/
注意：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1褒搔，所以可以理解為繼承的權值最低阶牍。
