資源描述:
《css的優(yōu)先級機(jī)制總結(jié)》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、樣式的優(yōu)先級 多重樣式(MultipleStyles):如果外部樣式、內(nèi)部樣式和內(nèi)聯(lián)樣式同時應(yīng)用于同一個元素,就是使多重樣式的情況?! ∫话闱闆r下,優(yōu)先級如下:(外部樣式)Externalstylesheet<(內(nèi)部樣式)Internalstylesheet<(內(nèi)聯(lián)樣式)Inlinestyle?! ∮袀€例外的情況,就是如果外部樣式放在內(nèi)部樣式的后面,則外部樣式將覆蓋內(nèi)部樣式?! ∈纠缦拢?head>/*內(nèi)部樣式*/h3{color:green;}2、tylesheet"type="text/css"href="style.css"/>
測試!
選擇器的優(yōu)先權(quán): 解釋: 1.?內(nèi)聯(lián)樣式表的權(quán)值最高1000; 2.?ID選擇器的權(quán)值為100; 3.?Class類選擇器的權(quán)值為10; 4.?HTML標(biāo)簽選擇器的權(quán)值為1; 利用選擇器的權(quán)值進(jìn)行計(jì)算比較,示例如下:#redPp{/*權(quán)值=100+1=101*/color:#F00;/*紅色
3、*/}#redP.redem{/*權(quán)值=100+10+1=111*/color:#00F;/*藍(lán)色*/}#redPpspanem{/*權(quán)值=100+1+1+1=103*/color:#FF0;/*黃色*/}
redemredred