11.19日(rì)音(yīn)訊,css的(de)優先級介紹知(zΩ←hī)識一(yī)覽。大(dà)家(jiā)知(zh₽←ī)識css是(shì)有(yǒu)優先級的(de),有(yǒu)♠©✘≥的(de)會(huì)被安排的(de)順序高(gāo✔≈✔←)一(yī)些(xiē),有(yǒu)的(✔↕≥de)則在下(xià)面,這(zhè)就(↔€€☆jiù)要(yào)求我們,不(bù)但(dàn)要(yàδβ•↑o)掌握它們優先順序也(yě)要(yào)明(míng)白(&Ω bái)如(rú)何才能(néng)運用(yòng)的(de)恰 ♥♦如(rú)其分(fēn)。
1.多(duō)個(gè)選擇器(qì)可(kě)能(néngδπ¥ )會(huì)選擇同一(yī)個(gè)元素,有(yǒu)•"3個(gè)規則,從(cóng)上(shàng)到δ(dào)下(xià)重要(yào)性降低(dī):≠€§π
!important的(de)用(yòn€♣g)戶樣式
!important的(de)作(zuò)者樣式
作(zuò)者樣式
用(yòng)戶樣式
浏覽器(qì)定義的(de)樣式
2.
CSS規範為(wèi)不(bù)同類型的(dδ§e)選擇器(qì)定義了(le)特殊性權重,特殊性權重越高(gā•↓₽o),樣式會(huì)被優先應用(yòng)。
權重設定如(rú)下(xià):
html選擇器(qì),權重為(wèi)1;
類選擇器(qì),權重為(wèi)10;
id選擇器(qì),權重為(wèi)100;
這(zhè)裡(lǐ)還(hái)有(yǒu©☆€β)一(yī)種情況:在html标簽中直接使用(yòng)style屬σ•£↓性,這(zhè)裡(lǐ)的(de)style屬性的(de♠←£δ)權重為(wèi)1000;
即如(rú)下(xià)情況:
#x34y{color:red}
<.pid=x34ystyle=&→↓εquot;color:green">優先選擇style★→∑=""設定的(de)樣式。
例子(zǐ):
h1{color:blue}權重為(wèi)1
pem{color:yellow}權重♠₽×為(wèi)2
.warning{color:red}權重為(∑εwèi)10
p.noteem.dark{coloασ¶r:grag}權重為(wèi)22
#main{color:black}權重為(wèi)100這(z↕© ÷hè)裡(lǐ)還(hái)有(yǒu)一(yī)♠✘>種情況:
權重一(yī)樣時(shí)如(rú)何處理(lǐ)?
3.CSS樣式的(de)層疊原則&m←'dash;—誰離(lí)我近(jìn),誰說(shuō)了(±¥↔★le)算(suàn)。
當權重一(yī)樣時(shí),會(huì)采用(yòng)&ldqΩ↕↔₹uo;層疊原則”後定義的(de)÷®會(huì)被應用(yòng)。
如(rú):p{color:yellow}
p{color:red}
作(zuò)用(yòng)到(dào)這(zhè)裡(lǐ ↕Ω≤)<.p>我的(de)什(shén)麽顔色呢(ne)?<"♣/p>
結果會(huì)是(shì)red的(de)。
4.CSS樣式的(de)特殊标記—&md✘✘ash;誰有(yǒu)特權,誰說(shuō)了(le)算(suàn)©✔。如(rú)果有(yǒu)人(rén)看(kàn →)不(bù)順眼,非得(de)要(yào)自(zì)己說(sh∑ε♣δuō)了(le)算(suàn),那(nà)可(kě)以搞點特•±≠權,如(rú)下(xià)即可(kě)p{color:blue!imporγ≈§&tant;}加上(shàng)!importa&¶γ•nt;可(kě)将自(zì)己權重設為(w βèi)最高(gāo)。