|
五、附加說(shuō)明
- 文內(nèi)的樣式優(yōu)先級(jí)為1,0,0,0，所以始終高于外部定義。這里文內(nèi)樣式指形如<div style="color:red">blah</div>的樣式，而外部定義指經(jīng)由<link>或<style& gt;卷標(biāo)定義的規(guī)則。
- 有!important聲明的規(guī)則高于一切。
- 如果!important聲明沖突，則比較優(yōu)先權(quán)。
- 如果優(yōu)先權(quán)一樣，則按照在源碼中出現(xiàn)的順序決定，后來(lái)者居上。
- 由繼承而得到的樣式?jīng)]有specificity的計(jì)算，它低于一切其它規(guī)則(比如全局選擇符*定義的規(guī)則)。
- 關(guān)于經(jīng)由@import加載的外部樣式，由于@import必須出現(xiàn)在所有其它規(guī)則定義之前(如不是，則瀏覽器應(yīng)該忽略之)，所以按照后來(lái)居上原則，一般優(yōu)先權(quán)沖突時(shí)是占下風(fēng)的。
還需要說(shuō)一下，IE是可以識(shí)別位置錯(cuò)誤的@import的，但無(wú)論@import在什么地方，它都認(rèn)為是位于所有其它規(guī)則定義之前的，這可能會(huì)引發(fā)一些誤會(huì)。
優(yōu)先權(quán)問(wèn)題看起來(lái)簡(jiǎn)單，但背后還是有非常復(fù)雜的機(jī)制，在實(shí)際應(yīng)用中需要多多留意。
六、練習(xí)
看完上面的文字后，來(lái)做幾道非常簡(jiǎn)單的題目。（自己答完前，請(qǐng)不要先看各題給出的鏈接地址哦）
1. 如何讓使用兩個(gè)使用相同樣式名的元素具有不同的效果：
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
固定效果：
固定代碼：
<div class="test">傳說(shuō)中的測(cè)試</div>
<p class="test">傳說(shuō)中的測(cè)試</p>
出處：W3C標(biāo)準(zhǔn)WEB前端DHTML精英俱樂(lè)部
責(zé)任編輯：bluehearts
上一頁(yè) 為您解讀CSS優(yōu)先級(jí) [2] 下一頁(yè) 為您解讀CSS優(yōu)先級(jí) [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) 為您解讀CSS優(yōu)先級(jí) [3]
