特殊性
　　有的時(shí)候我們?yōu)橥粋€(gè)元素設(shè)置了不同的CSS樣式代碼，那么元素會(huì)啟用哪一個(gè)CSS樣式呢？
　　我們來(lái)看一下面的代碼：
　　<style type="text/css">
　　　p{
　　　　color:red;
　　　}
　　.first{
　　　　color:green;
　　　}
　　</style>
　　<p class="first">這是第一個(gè)段落</p>
　　在樣式中p和.first都匹配到了p這個(gè)標(biāo)簽上，那么會(huì)顯示哪種顏色呢？
　　green是正確的顏色，那么為什么呢？
　　是因?yàn)闉g覽器是根據(jù)權(quán)值來(lái)判斷使用哪種css樣式的，權(quán)值高的就使用哪種css樣式。
　　那接下來(lái)講解權(quán)值的規(guī)則：
　　標(biāo)簽的權(quán)值為：1;
　　類(lèi)的權(quán)值為：10;
　　ID的權(quán)值為最高：100;
　　p{color:red;} /*權(quán)值為1*/
　　p span{color:green;} /*權(quán)值為1+1=2*/
　　.warning{color:white;} /*權(quán)值為10*/
　　p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/
　　#footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/
　　重要性
　　有時(shí)某個(gè)聲明可能非常重要，超過(guò)了其他聲明。CSS2.1稱(chēng)之為重要聲明，并允許在這些聲明的結(jié)束分號(hào)之前插入!important來(lái)標(biāo)示。
　　<style type="text/css">
　　　p{
　　　color:red!important;
　　　}
　　　p{
　　　color:green;
　　　}    
　　</style>
　　<p class="first">這是第一個(gè)段落</p>
　　這時(shí)p段落中的文本會(huì)顯示的red紅色。
　　繼承
　　特殊性對(duì)于理解如何向文檔應(yīng)用聲明很重要，同樣還有個(gè)很重要的概念就是繼承，基于繼承機(jī)制，樣式不僅應(yīng)用到指定的元素，還會(huì)應(yīng)用到其后代元素。
　　<script type="text/css">
　　　p{
　　　　color:red;
　　　}
　　</script>
　　<p>這是一個(gè)<span>悲傷地故事</span></p>
　　這里span是p的子元素。那么p的顏色改變那么其span的顏色也會(huì)相應(yīng)改變；
　　注：有些CSS樣式是不具有繼承性的。例如border；
　　<script type="text/css">
　　　p{
　　　　border:1px solid red
　　　}
　　</script>
　　<p>這是一個(gè)<span>悲傷地故事</span></p>
　　在上面例子中它代碼的作用只是給p標(biāo)簽設(shè)置了邊框?yàn)?像素、紅色、實(shí)心邊框線(xiàn)，而對(duì)于子元素span是沒(méi)用起到作用的。一般的，大多數(shù)框模型屬性（包括外邊距、內(nèi)邊距、背景和邊框）都不能繼承。
　　層疊性
　　<script type="text/css">
　　　p{
　　　　color:red;
　　　}
　　　p{
　　　color:green;
　　　}
　　</script>
　　<p class="first">這是一個(gè)<span>悲傷的故事</span></p>
　　最后 p中的文本會(huì)設(shè)置為green，這個(gè)層疊很好理解，理解為后面的樣式會(huì)覆蓋前面的樣式。
　　所以css樣式優(yōu)先級(jí)就不難理解了：
　　內(nèi)聯(lián)樣式表（標(biāo)簽內(nèi)部）> 嵌入樣式表（當(dāng)前文件中）> 外部樣式表（外部文件中）。